Afficher masquer DIV [Resolu]

Salut,

Voila j'ai installé un script pour afficher au clic sur mes menus SERVICE et PRODUIT de premier niveau les menus de second niveau voici mes éléments.


dans le head

<script type="text/javascript">
jQuery(document).ready(function() {
$("#service").click(function () {
$("#sousmenusservice").toggle("slow");
});
});
</script>
<script type="text/javascript">
jQuery(document).ready(function() {
$("#produits").click(function () {
$("#sousmenusproduits").toggle("slow");
});
});
</script>

dans body

<div class="element" id="sousmenusservice">bla bla bla </div>
<div class="element" id="sousmenusproduits">bla bla bla </div>

dans css (pour cacher les deux sousmenus au chargement de la page)

.element {display: none;}

MA QUESTION

Comment masquer automatiquement sousmenusservice si je clique sur le menu Produits et inversement maquer sousmenusproduits si je clique sur Services

Merci de votre aide
Modifié par nini (10 Jan 2012 - 15:19)

Salut,

Si j'ai bien compris tu essayes de parvenir au même résultat que sur ce tutoriel ?

Si c'est le cas tu peux t'en inspirer il est là pour ça.

Merci Gili mais non car mon menu est horizontal.
Mais j'ai quand même réussi a obtenir mon effet en combinant deux scripts.