显示二级菜单的问题
2017-04-18 本文已影响18人
小人物的秘密花园
问题描述:
选择一级菜单时,没有二级菜的其他一级菜单也会执行二级菜单显示隐藏的方法;
![](https://img.haomeiwen.com/i2859893/d62c27a5450174df.gif)
实现方法
问题原因是:$('.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');
});
![](https://img.haomeiwen.com/i2859893/1a698ba9a76e9d46.gif)