Сделал уже вот так.
$('.left-menu ul.menu>li').hover(function() {
if($(this).hasClass("active")){
$('.left-menu ul.menu li ul').css("display","block");
}
else{
function () { $('ul', this).slideDown(500); },
function () { $('ul', this).slideUp(500); }
}
} );
Разметка вот таккая:
<div class="left-menu">
<ul class="menu">
<li class="item-108 deeper parent">
<a href="/lechebnaya-kosmetika" >Лечебная косметика</a>
<ul>
<li class="item-109"><a href="/lechebnaya-kosmetika/chernika" >Черника лютеин форте</a></li>
<li class="item-110"><a href="/lechebnaya-kosmetika/pitanie" >Питание и стимулирование мышц, суставов и позво</a></li>
</ul>
</li>
<li class="item-111 current active"><a href="/bad" >Бад</a></li></ul>
</div>