Господа знатоки!
Прошу Вас помочь мне разобраться с небольшой проблемой.
Имеется скрипт горизотнального меню:
<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 и т.д.