显示二级菜单的问题

问题描述:

选择一级菜单时,没有二级菜的其他一级菜单也会执行二级菜单显示隐藏的方法;


问题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');

});


解决效果
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容