Это можно сделать напрямую с помощью .hover
, когда обработчик вызывается, когда мышь входит или покидает элемент, и .slideDown
/ .slideUp
для анимации: http://jsfiddle.net/FmNQq/4/.
$(".sub_nav, .sub_nav2").hover(function() {
// toggle child <ul> with a slide animation
// when mouse enters or leaves
$(this).children("ul").slideToggle();
});