jQuery - Hide() et show()

Bonsoir, j'aimerai lors d'un clic sur #ouvrir ouvrir la zone d'affichage et lors d'un autre clique dessus ne plus l'afficher comment faire ? Voici mon début de code...
Merci

Code:

---

1 2 3 4 5 6 7

jQuery(document).ready(function($) { $("#zone").hide(); $("#ouvrir").click(function() { $("#zone").slideDown("slow"); $("#zone").show(); }); });

---

ceci m'a aidé à résoudre mon ptit soucis :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

/*-------- toggle des listes ----------*/ $(document).ready(function(){   //Hide (Collapse) the toggle containers on load $(".liste_container").hide();   //Switch the "Open" and "Close" state per click (+ ou - dans le CSS) $(".liste_visible").toggle(function(){ // on pourrais aussi utiliser toggleClass $(this).addClass("active"); }, function () { $(this).removeClass("active"); });   //ouverture et fermeture par glissé $(".liste_visible").click(function(){ $(this).next(".liste_container").slideToggle("slow"); });   }); /*-------- toggle des listes ----------*/

---