slideToggle

Jeg prøver at lave en slide, hvor den kun skal slide et af billederne.

Så er det ene slidet ud, og man vil ændre et andet, skal det nye man slider ud, gør så det forrige slider ind igen.

Men hvordan.

 <a onClick=\"javascript:$('#". $vis['fotoID'] ."').slideToggle();\">Billed</a>
 
 echo ("<div id='". $vis['fotoID'] ."' style='display: none; margin: 0 auto;'>");
 echo ("Test");
 echo ("</div>");

Har kigget lidt på:

 <script>
 function show(target){
 document.getElementById(target).style.display = 'block';
 }
 function hide(target){
 document.getElementById(target).style.display = 'slow';
 }
 </script>
 
 
 echo ("<img class='avatar' id='".$vis['fotoID']."' src='billeder/".$vis['file_name']."' onclick=\"show('comment')\"/>&nbsp;&nbsp;<div id='comment' style='float:left;display:none;'><textarea name='textfield6' cols='30' rows='2' id='". $vis['fotoID'] ."' class='text'>". $vis['fotoID'] ."</textarea></div>");

I textarea står der blot kun ( 1 ) i. Ligegyldigt hvilken billede jeg klikker på.