<script type="text/javascript">
function ShowOrHide(obj)
{
var ul = obj.parentNode;
while((ul=ul.nextSibling)&&ul.nodeType !== 1);
if(ul&&ul.tagName === 'UL') ul.style.display = (ul.style.display!='block')?('block'):('none');
}
</script>
<ul>
<li><a href="#" onclick="ShowOrHide(this)">Женская косметика</a></li>
<ul>
<li><a href="#">Сладкий аромат</a></li>
<li><a href="#">Кислый аромат</a></li>
</ul>
<li><a href="#" onclick="ShowOrHide(this)">Мужская косметика</a></li>
<ul>
<li><a href="#">Сладкий аромат1</a></li>
<li><a href="#">Кислый аромат1</a></li>
</ul>
</ul>