Скрытие активного пункта меню мни нажатии на другой пункт меню

[limonchik 96]

Сейчас при нажатии открывается подменю и при нажатии на другой, активный не закрывается... 
Подскажите пожалуйста как сделать чтобы активный пункт меню сворачивался

 

<nav>    
<ul>
	<li><a href="/"">Главная</a></li>
	<li><a href="/">При нажатии выпадает подменю</a>
		<ul>
			<li><a href="" >Ссылка</a></li>
				<li><a href="/">Ссылка 1</a></li>
				<li><a href="">Ссылка 2</a></li>
		</ul>
	</li>
	<li><a href="/">При нажатии выпадает подменю</a>
	<ul>
		<li><a href="" >Ссылка</a></li>
		<li><a href="/">Ссылка 1</a></li>
		<li><a href="">Ссылка 2</a></li>
	</ul>
</li>
</ul>
</nav>


<script type="text/javascript">

    jQuery('.nav ul li').click(function () {
      jQuery(this).children('ul').slideDown();
    });

</script>

 

[kadet 12]

25 минут назад, limonchik сказал:

<a href="/""

Лишний "

И зачем делать лишки в виде ссылок если они все равно не куда не перенаправляют, я бы сделал событие не клик а наведение (hover) и вообще тогда можно обойтись без js.