<script>
function toggledisplay (id){
  if (document.getElementById) {
    var mydiv = document.getElementById(id);
    mydiv.style.display = (mydiv.style.display=='block'?'none':'block');
  }
}
</script>
 
<a href="#" onClick="javascript:toggledisplay('1000'); return false"><img border="0" src="http://mahuna-institut.de/typo3temp/pics/96ba509ed0.jpg" alt="" height="20" width="36" /></a>
<a href="#" onClick="javascript:toggledisplay('2000'); return false"><img border="0" src="http://mahuna-institut.de/typo3temp/pics/5ce0dc0560.jpg" alt="" height="20" width="32" /></a>
<a href="#" onClick="javascript:toggledisplay('3000'); return false"><img border="0" src="http://mahuna-institut.de/typo3temp/pics/7bfca10cf7.jpg" alt="" height="20" width="36" /></a>
 
<div id="1000" style="display:none">Versteckter Text in Deutsch</div>
<div id="2000" style="display:none">Versteckter Text in Englisch</div>
<div id="3000" style="display:none">Versteckter Text in Französisch</div>
 

[id^=tab]:checked ~ [id^=tab-content], [id^=tab]:checked ~ [id^=tab-content] > div {
display: block;
}
 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
 
<script type="text/javascript">
function spoil(id) {
$('.spoiler').hide();
$('#' + id).toggle(500);
}
</script>
 
<a href="javascript:spoil('id1');">Spoiler 1</a>
<a href="javascript:spoil('id2');">Spoiler 2</a>
<a href="javascript:spoil('id3');">Spoiler 3</a>
 

<div id="id1" class="spoiler" style="display: block;">TEST 1</div>
<div id="id2" class="spoiler" style="display: none;">TEST 2</div>
<div id="id3" class="spoiler" style="display: none;">TEST 3</div>