扫码关注官方订阅号
当我点击一级菜单时,二级就特别快的闪过一下,点第二次才能正常出现二级菜单。
p代码:
1ee 2
1ee
2
js代码:
$(function(){ $(".fapiao").click(function() { $("#collapseFive").css('display', 'block'); }) $(".liuyan").click(function() { $("#collapseFive2").css('display', 'block'); }) })
闭关修行中......
样式冲突
<p id="collapseFive" class="panel-collapse collapse in" style="display:none;">
.collapse本身就具有display: none;样式,不用多此一举,另外把class为in的去掉,因为他会显示#collapseFive这个p代码使用Bootstrap的话,设置了data-toggle="collapse"这个属性,就没必要加你写的js了
.collapse
display: none;
in
#collapseFive
data-toggle="collapse"
代码看起来是使用了 Bootstrap 的 Collapse 组件:
如果是这样的话,那么尝试引入 Bootstrap 相关组件 Css, Js 文件,移除你自己的 Js。
如果不是的话,你自己的 Js 实现虽然不是很好,但没有你所说的问题。
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
样式冲突
.collapse本身就具有display: none;样式,不用多此一举,另外把class为in的去掉,因为他会显示#collapseFive这个p代码使用Bootstrap的话,设置了
data-toggle="collapse"这个属性,就没必要加你写的js了代码看起来是使用了 Bootstrap 的 Collapse 组件:
如果是这样的话,那么尝试引入 Bootstrap 相关组件 Css, Js 文件,移除你自己的 Js。
如果不是的话,你自己的 Js 实现虽然不是很好,但没有你所说的问题。