问题描述:
选择一级菜单时,没有二级菜的其他一级菜单也会执行二级菜单显示隐藏的方法;
问题1实现方法
问题原因是:$('.list li')获取的是所有的li,不是单个
$('.list li').mouseover(function() {
$('.child').css('display','block');
}).mouseout(function() {
$('.child').css('display','none');
});
解决方案
找到当前选择的一级菜单的二级菜单
$('.list li').mouseover(function() {
$(this).find('.child').css('display','block');
}).mouseout(function() {
$(this).find('.child').css('display','none');
});
解决效果
网友评论