Авторазворот пункта меню
Ребята, простите, что задалбываю своей очередной фигней но осталось последнее
У меня есть меню, раскладное. Вот исходники: ( function( $ ) { $( document ).ready(function() { $('#cssmenu > ul > li > a').click(function() { $('#cssmenu li').removeClass('active'); $(this).closest('li').addClass('active'); var checkElement = $(this).next(); if((checkElement.is('ul')) && (checkElement.is(':visible'))) { $(this).closest('li').removeClass('active'); checkElement.slideUp('normal'); } if((checkElement.is('ul')) && (!checkElement.is(':visible'))) { $('#cssmenu ul ul:visible').slideUp('normal'); checkElement.slideDown('normal'); } if($(this).closest('li').find('ul').children().length == 0) { return true; } else { return false; } }); }); } )( jQuery ); <div id='cssmenu'> <ul> <li><a href='#'><span>Home</span></a></li> <li><a href='#'><span>Products</span></a> <ul> <li><a href='#'><span>Product 1</span></a></li> <li><a href='#'><span>Product 2</span></a></li> <li class='last'><a href='#'><span>Product 3</span></a></li> </ul> </li> <li class='has-sub'><a href='#'><span>About</span></a> <ul> <li><a href='#'><span>Company</span></a></li> <li class='last'><a href='#'><span>Contact</span></a></li> </ul> </li> <li class='last'><a href='#'><span>Contact</span></a></li> </ul> </div> Как сделать что-бы после загрузки страницы - первый пункт (раскладной) автоматически раскрывался? |
На сервере, при генерации меню дай особый класс активному пункту меню. Все популярные cmsl'ки это делают сами (обычно класс li.active) В css для этого класса отменяй скрытие. Короче, задача не для js.
|
Часовой пояс GMT +3, время: 08:16. |