Voici ma structure html :
Code :
- <button id="btndistrib1" class="btnDistrib">Display</button>
- <div id="distrib1" style="display:none"> </div>
- <button id="btndistrib2" class="btnDistrib" >Display</button>
- <div id="distrib2" style="display:none"> </div>
|
Je voudrai que quand on clic sur un bouton, la div correspondante s'affiche/se cache.
Bon, je peux le faire "bêtement", en écrivant un onclick sur chacun de mes boutons, mais je me dis qu'en Jquery, on doit pouvoir faire mieux.
Le souci, c'est que j'arrive pas a trouver la div a partir du bouton... Je m'explique, je voulais faire ceci :
Code :
- $("button.btnDistrib" ).click(function(e){
- $(e.target + "div" ).toggle("slow" );
- });
|
bien entendu, le bout en gras est même pas valide.
J'ai aussi testé
Code :
- $(e.target).find('div:first')
|
mais ca marche pas (parceque tout betement, ma div est pas descendante du button, j'imagine...)
Merci !
Message édité par Morningkill le 30-06-2009 à 14:22:35