Beste allen,

Graag zou ik een multi level accordeon menu (verticaal) willen hebben die open gaat bij mouse over en ook openblijft als je op de juiste pagina staat. (begrijpen jullie het nog).

Heb al zitten googlen, maar kan de juiste nog niet vinden, misschien hebben jullie een paar voorbeelden of tutorials hier voor?

Alvast bedankt,

gr,
chris

Deze kun je het beste gebruiken: http://jqueryui.com/demos/accordion/

Beste gast17649,

bedankt voor je link, alleen zou er nog een multilevel in moeten komen, ik weet niet of dat mogelijk is, aangezien ik niet heel veel verstand van Jquery heb.

gr,
chris

Origineel gepost door gast17649

Deze kun je het beste gebruiken: http://jqueryui.com/demos/accordion/

Hallo Chris,

Dat is heel erg simpel. Ik zal het even laten zien.

Normale Accordion:

Code:

<div class="accordion">
      <h3><a href="#">Kop 1</a></h3>
      <div>
            <p>...</p>
      </div>
      <h3><a href="#">Kop 2</a></h3>
      <div>
            <p>...</p>
      </div>
</div>

Multilevel Accordion:

Code:

<div class="accordion">
      <h3><a href="#">Kop 1</a></h3>
      <div>
            <div class="accordion">
                  <h3><a href="#">Subkop 1</a></h3>
                  <div>
                        <p>...</p>
                  </div>
                  <h3><a href="#">Subkop 2</a></h3>
                  <div>
                        <p>...</p>
                  </div>              
            </div>
      </div>
      <h3><a href="#">Kop 2</a></h3>
      <div>
            <div class="accordion">
                  <h3><a href="#">Subkop 1</a></h3>
                  <div>
                        <p>...</p>
                  </div>
                  <h3><a href="#">Subkop 2</a></h3>
                  <div>
                        <p>...</p>
                  </div>              
            </div>
      </div>
</div>

Succes!