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
- Jquery accordeon menu
-
02-05-2012, 08:36 #1
- Berichten
- 129
- Lid sinds
- 15 Jaar
Jquery accordeon menu
-
In de schijnwerper
Domeinportfolio 400 sterke domeinnamen (oa gezondheid, financieel)Domein te koop(Dag)aanbieding/kortingscode website | Incl. FB Pagina 10k / nieuwsbrief 13K abboneesWebsite te koopPopi.nl | Transparant linkbuilding platform | 5.000+ MogelijkhedenLinkpartnersPlaats permanente links en /of artikelen op zeer sterke domeinen DR27+Advertentieruimte -
02-05-2012, 13:58 #2Ondernemer
- Berichten
- 753
- Lid sinds
- 14 Jaar
Re: Jquery accordeon menu
Deze kun je het beste gebruiken: http://jqueryui.com/demos/accordion/
-
02-05-2012, 14:03 #3
- Berichten
- 129
- Lid sinds
- 15 Jaar
Re: Jquery accordeon menu
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
Deze kun je het beste gebruiken: http://jqueryui.com/demos/accordion/
-
02-05-2012, 14:21 #4Ondernemer
- Berichten
- 753
- Lid sinds
- 14 Jaar
Re: Jquery accordeon menu
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>
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>
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic