меню jQuery

[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>

[s0rr0w]

проблема вот в чем: если раскрыть какой-либо раздел и выбрать один из его пунктов - страница загружается и меню при этом захлопывается! как заставить его не захлопывать список пунктов раздела, если один из этих пунктов активный (т.е. мы находимся на странице, куда ведет этот пункт)?

Прочитайте своими словами код, который вы выложили. jQuery часть.

[flight643]

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