• Home
  • Portfolio
  • Wordpress en Design
  • Internet
  • Ontwikkelingen internet
  • Online winkelen

Extra webmaster tips

  • Active blog
  • Beste bloggers
  • Seo marktplaats
  • Website forum
  • Gratis banners
  • Website artikelen
  • Online telefoongids voor bedrijven
  • Mr domein
  • Promoot je site
  • Meer tips
welkom bij i-marco
Maak gebruik van een online bedrijvengids Anoniem surfen op het web mode en webdesign

Simple JQuery Accordion menu

UPDATE: There's a better version of this script available. read more about it!

This is a simple Accordion menu done in JQuery. Links with subitems under them will expand the submenu when clicked. Items that don't have subitems are normal links. (example link to Marco's blog). The menu initialises with the first submenu expanded.

If this code snippet is useful for you feel free to download it and use it on your (non commercial) website.

This snipped is discussed on my blog in this post.

  • Weblog Tools
    • PivotX
    • WordPress
    • Textpattern
    • Typo
  • Programming Languages
    • PHP
    • Ruby
    • Python
    • PERL
    • Java
    • C#
  • Marco's blog (no submenu)
  • Cool Stuff
    • Apple
    • Nikon
    • XBOX360
    • Nintendo
  • Search Engines
    • Yahoo!
    • Google
    • Ask.com
    • Live Search

Source

  1. function initMenu() {
  2. $('#menu ul').hide();
  3. $('#menu ul:first').show();
  4. $('#menu li a').click(
  5. function() {
  6. var checkElement = $(this).next();
  7. if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
  8. return false;
  9. }
  10. if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
  11. $('#menu ul:visible').slideUp('normal');
  12. checkElement.slideDown('normal');
  13. return false;
  14. }
  15. }
  16. );
  17. }
  18. $(document).ready(function() {initMenu();});

Collapsing menu

Just want it as a simple collapsing / uncollapsing menu? Find it here. Even less code.

Download

Download everything in a zip file.

Extra suggestion. Genereer een veilig wachtwoord : wachtwoord generator van wisseljewachtwoord.nl - de gratis wachtwoord generator van het wissel je wachtwoord portaal.

  • Benieuwd naar de werking van een penispomp zoals de Libidopomp? Weten of een penispomp veilig in gebruik is? Lees de review van de Libido pomp - Penispomp voor Penisvergroting op Penisvergrotingstip.nl - Deze penispomp bewijst zich al jaren als veilig alternatief voor penisstretchers
  • Je penis vergroten? Gebruik een penisstretcher - Je kunt een overzicht voor penis stretchers op de Erectiesite.nl bekijken. Dit zijn velige penis stretcher apparaten die in combinatie met penispillen vaak het beste resultaat geven.
  • Laat je informeren door het portaal voor penis vergroten - Penisvergrotenxx.com voor penisvergroting met veilige methodes voor penisvergroten
  • Viagra is de beroemde penis pil die kan helpen te presteren in bed. Online je viagra pil scoren? Tips voor viagra kopen op Libido Sex Shop. Hier vind je Viagra webshops voor het veilig kopen van deze erectiepil.
Meer over Wordpress en Design >
Copyright © 2023 Alle rechten voorbehouden I-Marco.nl | Sitemap