Горизонтальное меню с отображение нажатого подменю
 

Господа знатоки!
Прошу Вас помочь мне разобраться с небольшой проблемой.

Имеется скрипт горизотнального меню:

<DIV class="container">	
    <UL id="topnav">
    	<LI><A href="#">Главная</A></LI>
        <LI>
        	<A href="#">Раздел1</A>
            <SPAN style="opacity: 0; display: none; ">
            	<A href="#">Раздел1-1</A> |
                <A href="#">Раздел1-2</A> |
                <A href="#">Раздел1-3</A> |
                <A href="#">Раздел1-4</A>
            </SPAN>
        </LI>
        <LI>
        	<A href="#">Раздел2</A>
            <SPAN style="opacity: 0; display: none; ">
            	<A href="#">Раздел2-1</A> |
                <A href="#">Раздел2-2</A> |
                <A href="#">Раздел2-3</A>
            </SPAN>
        </LI>

$(document).ready(function() {

	$("ul#topnav li").find("span").stop().fadeTo('normal', 0).hide(); //Set opacity to 0
	
	$("ul#topnav li").hover(function() { 
		$(this).find("span").stop().fadeTo('normal', 1).show();
	}).hover(function() { 
			$(this).css({ 'background' : '#1376c9 url(topnav_active.gif) repeat-x'}); 
		} , function() { 
			$(this).css({ 'background' : 'none'})
			.find("span").stop().fadeTo('normal', 0 , function() {
				$(this).hide()
			}); 
	});
	
});

Как сделать чтобы пункты подменю главного меню отображались постоянно при переходе по ссылки пункта из главного меню. Например кликнув на ссылку Раздел1, мы могли перейти на страницу Раздел1 и были отображены пункты подменю Раздел1 - Раздел1-1, Раздел1-2 и т.д.

Никто не знает? ((((