我有一个导航菜单 UL,没什么特别的..Button1, Button2, Button 3....button 8
我想在 mouseenter div="div2" (隐藏的)只有当鼠标从 Button1 和 Div2 出来(mouseout)时才淡入和淡出。
所以我做了什么
$(document).ready(function() {
$(".dropdown").hide();
$("#menu li:nth-child(1)").addClass('menu_li1');
$("#menu li:nth-child(2)").addClass('menu_li2');
$("#menu li:nth-child(3)").addClass('menu_li3');
$("#menu li:nth-child(4)").addClass('menu_li4');
$("#menu li:nth-child(5)").addClass('menu_li5');
$("#menu li:nth-child(6)").addClass('menu_li6');
$("#menu li:nth-child(7)").addClass('menu_li7');
$("#menu li:nth-child(8)").addClass('menu_li8');
$('.menu_li1').mouseenter(function() {
if ($('.dropdown').is(':visible')) { //.dropdown is div's class
} else {
$('.dropdown').fadeIn();
}
});
jQuery('.dropdown').mouseout(function() {
if ($('.dropdown').mouseleave()) {
$('.dropdown').fadeOut();
}
});
});
firebug 没有给出错误,我只是无法达到我需要的结果。