
当三级菜单出现的时候,一级菜单当前元素同辈元素hover失效;三级菜单关闭的时候,一级菜单hover恢复
我现在只知道失效$(this).siblings().unbind('mouseenter').unbind('mouseleave');
但是三级菜单关闭后同辈元素的hover失效,怎么恢复?
-
-
-
$('.menu2-a-wrap-simple a').click(function() {
$('.menu2-a-wrap-simple a').removeClass('current');
$(this).addClass('current');
$('.menu2-a-conn').hide();
$(this).next('.menu2-a-conn').show();
$('.menu2_simple').css("z-index", 1000);
$('.blackMask_simple').show();
})
$('.menu2-a-conn .close').click(function() {
$(this).parents('.menu2-a-conn').eq(0).hide();
$('.menu2-a-wrap-simple a').removeClass('current');
$('.menu2_simple').css("z-index", 0);
$('.blackMask_simple').hide();
})
$('.menu2_simple dt').each(function(){
$(this).hover(function(){
$('.menu2_simple').css("z-index", 1000);
$(this).addClass('bg_red');
$(this).children().eq(0).addClass('c_fff');
$(this).siblings().removeClass('bg_red');
$(this).siblings().children().eq(0).removeClass('c_fff');
$(this).children().eq(1).show();
$(this).siblings().children().eq(1).hide();
},function(){
if ($('.menu2-a-conn').is(":visible")) {
**$(this).siblings().unbind('mouseenter').unbind('mouseleave');**
} else{
$('.menu2_simple_second').hide();
$(this).removeClass('bg_red');
$(this).children().eq(0).removeClass('c_fff');
}
});
})
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
简单demo
HTML:
CSS: