flight643

проблема в том, что я не очень в него врубаюсь =( поэтому и прощу помощи, больно уж меню понравилось

привет! наткнулся на интересное меню на jQuery + CSS проблема вот в чем: если раскрыть какой-либо раздел и выбрать один из его пунктов - страница загружается и меню при этом захлопывается! как заставить его не захлопывать список пунктов раздела, если один из этих пунктов активный (т.е. мы находимся на странице, куда ведет этот пункт)? вот код: javascript <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function () { $("#nav li:has(ul)").click(function (event) { if (this == event.target) { $(this).toggleClass('clicked').children('ul').slideToggle(); $(this).find('li:has(ul)').removeClass('clicked').find("ul").slideUp(); $(this).siblings().removeClass('clicked').find("ul").slideUp(); } }).addClass('has_ul'); }); </script> css <style type="text/css"> #nav {font: bold 12px/25px arial, sans-serif;} #nav ul {display:none;} #nav, #nav ul {padding:0; margin:0; list-style:none; width:150px;} #nav ul {padding-left:20px; background: #fff url(menutree/dots.png) repeat-y left top;} #nav li a {color:#000; text-indent:0; text-decoration:none; display:block; width:100%;} #nav li {line-height:25px; cursor:pointer; width:100%;} #nav li a:hover {color:#09c;} #nav li.has_ul {text-indent:20px; color:#000; background:url(menutree/folder2.png) no-repeat left 3px;} #nav li.has_ul:hover {color:#690;} #nav li.clicked {color:#690; background:url(menutree/folder2-open.png) no-repeat left 3px;} </style> html <ul id="nav"> <li><a href='/blabla'>О компании</a></li> <li>Услуги <ul> <li><a href='/blabla/1'>text</a></li> <li><a href='/blabla/2'>text</a></li> <li><a href='/blabla/3'>text</a></li> <li><a href='/blabla/4'>text</a></li> </ul> </li> </ul>