welkom bij i-marco
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.
Source
-
function initMenu() { -
$('#menu ul').hide(); -
$('#menu ul:first').show(); -
$('#menu li a').click( -
function() { -
var checkElement = $(this).next(); -
if((checkElement.is('ul')) && (checkElement.is(':visible'))) { -
return false; -
} -
if((checkElement.is('ul')) && (!checkElement.is(':visible'))) { -
$('#menu ul:visible').slideUp('normal'); -
checkElement.slideDown('normal'); -
return false; -
} -
} -
); -
} -
$(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: wachtwoord generator