Помощь с меню
 

Здраствуйте. Использую версию 1.3.2

код html

<ul>
<li><a href="">Аксессуары</a></li>
<li class="subMenu" onclick="showSub(this)"><span>Верхняя одежда</span>
	<ul>
	<li><a href="">Подкатегория 1</a></li>
	<li><a href="">Подкатегория 2</a></li>
	<li><a href="">Подкатегория 3</a></li>
	</ul>
</li>
<li><a href="">Джинсовая одежда</a></li>
<li><a href="">Комбинизоны</a></li>
<li class="subMenu" onclick="showSub(this)"><span>Майки</span>
	<ul>
	<li><a href="">Подкатегория 1</a></li>
	<li><a href="">Подкатегория 2</a></li>
	<li><a href="">Подкатегория 3</a></li>
	<li><a href="">Подкатегория 4</a></li>
	<li><a href="">Подкатегория 5</a></li>
	</ul>
</li>
<li><a href="">Брюки</a></li>
</ul>

js jquery

function showSub(obj){
	    jQuery("li.subMenu ul").toggle("slow");	
}

CSS

.subMenu ul{display:none;}

Не знаю как сделать так чтобы выезжал/прятался только ul, дочерний элемента li, который мы выбрали, потому что сейчас при нажатии на один из <li class="subMenu" onclick="showSub(this)"> прячутся/показываются все вложенные ul
Прошу помощи

УЖЕ НЕ АКТУАЛЬНО РЕШИЛОСЬ, НО ВОЗНИК ВТОРОЙ ВОПРОС,
когда выехало меню, и мы нажали по одному пункту, то все подпункты прячутся, так как

.subMenu ul{display:none;}

, а надо их показывать, как реализовать ?