ciao a tutti qualcuno può aiutarmi con questo HtML???


Codice HTML:
<div style="width:400px;height:40px;margin-left:550px;margin-top:-10px;padding:5px 5px 5px 5px;">

<a href="#" class="show_hide"><img src="icona1" style="margin-left:3px;"/></a>
<div class="slidingDiv1"><? codice php ?></div>

  <a href="#" class="show_hide2"><img src="icona2" style="margin-left:13px;"/></a>
<div class="slidingDiv2"><? codice php ?></div>

 <a href="#"><img src="icona3" style="margin-left:13px;" /></a>
 <a href="#"><img src="icona4" style="margin-left:13px;"/></a>
 
</div>
in pratica ho 4 icone inserite una di fianco all altra e quando recupero i dati da mysql vengono mostrati tramite Jquery nei slidingDiv 1 e 2 tramite click...
il problema è che quando clicco sulla prima o seconda icona le altre scendono sotto i div che si vanno ad animare... come devo fare per tenerle ferme al loro posto???