Voici une petite astuce qui va vous permettre d’utiliser l’effet toggle() Jquery Site Jquery Toggle() de manière générique.

L’idée est de ne plus se soucier du Javascript pour vos toggles. Je vais vous montrer cela avec un exemple concret :

//Nous avons ici le lien cliquable qui va afficher ou cacher le bloc "fils"
<a rel="bloc-fils" class="toggle-rel" href="#"> Lien toggle </a>
//Ici le bloc fils
<div id="bloc-fils">... ici le contenu à afficher ou à cacher ...</div>

Maintenant il suffit juste de rajouter ce mini javascript à votre projet :

$(document).ready(function() {
  $(".toggle-rel").click(function () {
    id = $(this).attr("rel");
    $("#"+id).slideToggle("slow");
  });
});

Et voila, vous pouvez utiliser cela pour tous vos différents lien/bloc toggle jquery.

To be continued…