JQuery menu

[laurensschuitemaker]

Hallo,

Ik ben bezig om een website op te zetten in CMSMS,
en nu heb ik een menu gemaakt dat werkt met jquery. Als je met de muis over een hoofditem gaat, verschijnen de subitems. Zie hier hoe het werkt.

Mijn vraag is als volgt: Hoe kan ik er voor zorgen dat als een pagina actief is, de bijbehorende subitems ook zichtbaar zijn?

Dit is de code die er voor zorgt dat de subitems zichtbaar worden:

Code: Select all

<__script__ type="text/javascript">
$(document).ready(function(){
	$("#main-nav li a#main-link").hover(function(){
		$("#main-nav li a.close").fadeIn();
		$("#main-nav li a#main-link").removeClass("active");												 
		$(this).addClass("active");										 
		$("#sub-link-bar").animate({
			height: "40px"					   
		});
		$(".sub-links").hide();
		$(this).siblings(".sub-links").fadeIn();
	});
	$("#main-nav li a.close").click(function(){
		$("#main-nav li a#main-link").removeClass("active");												 									 
		$(".sub-links").fadeOut();
		$("#sub-link-bar").animate({
			height: "40px"					   
		});		
		$("#main-nav li a.close").fadeOut();
	});
	
});

</__script>

In eerste instantie dacht ik eraan om de actieve menuparent de class 'active' te geven maar dat werkte niet.

Alvast bedankt.