jQuery子菜单在折叠时仍然显示下拉菜单

jQuery Submenu still shows dropdown when folded

本文关键字:显示 下拉菜单 折叠 菜单 jQuery      更新时间:2024-05-21

我正在尝试修复我的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/