下拉不能正常工作

Question

當鼠標懸停在Categories上時，會出現下拉菜單，但是當我將鼠標移到子項上時，菜單會不斷消失？

這裏是的jsfiddle http://jsfiddle.net/mdanz/hvF8P/17/

Answer 1

你不應該使用mouseout。相反，提供兩個功能hover：

$('#category2').hover(function() { 
    $('#category2').show(); // This function will be called upon mouseover 
}, function(e) { 
    $('#category2').hide(); // This one will properly be called on mouseout 
}); 

小提琴：http://jsfiddle.net/hvF8P/20/

邊注：裏面的功能，而不是使用$('#category2')，你也可以使用$(this)。