0
jQuery Animated Drop Down Navigation
This is the code used on WPHonors for example, to animate the drop down of your nav menu. It’s also what is used in my tutorial on how to create a WP nav menu here.
$(function() {
$("#navigation ul.menu ul").css({ display: 'none' });
$("#navigation ul.menu li").hover(function() {
$(this).find('ul.sub-menu')
.stop(true, true).delay(50).animate({ "height": "show", "opacity": "show" }, 200 );
}, function(){
$(this).find('ul.sub-menu')
.stop(true, true).delay(50).animate({ "height": "hide", "opacity": "hide" }, 200 );
});
});
Levels: Syntax: jQuery
