jQuery子菜单在折叠时仍然显示下拉菜单
jQuery Submenu still shows dropdown when folded
我正在尝试修复我的jQuery子菜单。当我点击汉堡按钮来折叠我的所有菜单,并且下拉菜单仍然显示时,它实际上会看起来像这样:
我该如何使汉堡菜单适当地折叠?
您需要将图标点击事件功能更改为类似的功能
$(".sidebar-icon").click(function() {
$(".content").toggleClass("sidebar-collapsed").toggleClass("sidebar-collapsed-back");
$("#nav li ul").removeClass('disp');
$("#nav li").find('span.fa').addClass('fa-plus').removeClass('fa-minus');
});
这是我的小提琴https://jsfiddle.net/shoaibakhter/oaxj6uab/5/
相关文章:
- 基于其他下拉菜单选择隐藏/显示下拉菜单
- jQuery子菜单在折叠时仍然显示下拉菜单
- 当上一个下拉菜单选择了某些内容时,javascript显示下拉菜单
- 单击时显示下拉菜单
- 悬停 2 秒钟时显示下拉菜单
- Jquery动态隐藏和显示下拉菜单
- JQuery 下拉菜单不会显示下拉菜单
- 如何从顶部显示下拉菜单到 use.show()
- 切换隐藏/显示下拉菜单选择事件
- 滑动切换后,引导程序中未显示下拉菜单
- Angular UI引导-在typeahead上显示下拉菜单-无结果
- 隐藏/显示下拉菜单取决于另一个选项
- 如何在angular .js中显示下拉菜单(已经应用了select it not display)
- 如何获取要显示下拉菜单的选定值
- 延迟显示下拉菜单内容
- 使用外部控件显示下拉菜单
- 使用Javascript隐藏和显示下拉菜单和文本字段
- Jquery显示下拉菜单
- 如何显示下拉菜单滑块效果从下到上悬停后
- 显示下拉菜单时,图像鼠标悬停