jquery - 一次打开一个手风琴
问题描述
创建一个可折叠的菜单,但需要一次打开一个手风琴,如果我单击另一个链接,那么首先应该折叠。
<ul class="nav navbar-nav left-navbar" id="sidenav01">
<li>
<a href="#" data-toggle="collapse" data-target="#toggleDemo" data-parent="#sidenav01" class="collapsed">
Submenu 1
</a>
<div class="collapse" id="toggleDemo">
<ul class="nav nav-list">
<li><a href="#">Submenu1.1</a></li>
<li><a href="#">Submenu1.2</a></li>
<li><a href="#">Submenu1.3</a></li>
</ul>
</div>
</li>
<li>
<a href="#" data-toggle="collapse" data-target="#toggleDemo2" data-parent="#sidenav01" class="collapsed">
Submenu 2
</a>
<div class="collapse" id="toggleDemo2">
<ul class="nav nav-list">
<li><a href="#">Submenu2.1</a></li>
<li><a href="#">Submenu2.2</a></li>
<li><a href="#">Submenu2.3</a></li>
</ul>
</div>
</li>
</ul>
解决方案
您可以尝试以下解决方法以使用 jquery 折叠其他打开的 div
$(document).ready(function(){
$('.navbar-nav li a').on('click', function () {
console.log('cilcked 2');
$('.navbar-nav li a').not(this).next('div').removeClass('show');
});
});
推荐阅读
- android - 在片段中找不到警报对话框的视图
- windows - Winsock 下出现罕见 sendto()/recvfrom() 问题的原因?
- concatenation - Smarty:将变量与属性结合起来
- maven - 单个 XML 中的 Spotbugs maven 插件输出
- c - 如何使用指针获取数组的索引
- python - 在 Jupyter Notebook 中使用 pyplot.scatter() 会导致 Jupyter Notebook 菜单中的错误
- javascript - Javascript:从选择输入中获取多个值
- laravel - 拉拉维尔 | 获取当前页面的指定数据
- javascript - v-bind 没有检测到数组内容的变化(vue js)
- python - 使用 Keras 和 Tensorflow 在 python 中尝试 CNN 代码