Menu déroulant cliquable

**uniuc** · 08/12/2013, 23h59

Bonjour à tous,

Je n'y connais pas grand choses en javascript et je cherche pour un de mes menu une application qui me permettrais de dérouler un sous menu avec un clic et le refermer de la même façon.
J'ai déjà trouvé ce code mais je ne vois absolument pas comment m'en servir.

J'ai deux autre lignes de code ci-dessous à placer mais après de multiples essais je n'y arrive pas je me demande donc comment faire.

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="#" onclick="ShowHide('elementId'); return false">Recherche avancée </a>

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id="monelement" style="display:none">

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
function ShowHide(EltId) {
with(document.getElementById(EltId).style) {
 display=(display=="block" || display=="" ) ? "none" : "block";
}
}

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<body>
  <div id="leftnav">
        <div> <!--menu Club -->
         <a href="#" ><h3>Le club</h3></a>
         <ul> <!-- LES SOUS MENU -->
            <li><a href="#">Le bureau</a></li>
            <li><a href="#">L'encadrement</a></li>
            <li><a href="#">Les équipements</a></li>
                <li><a href="#">les inscriptions</a></li>
                <li><a href="#">Le règlement</a></li>
                <li><a href="#">Les lettres du Club</a></li>
         </ul>       
        </div>
</body>