jQuery子菜單仍然顯示摺疊時下拉

Question

我想修復我的jQuery子菜單。當我點擊burger按鈕來摺疊我的所有菜單並且下拉列表仍然顯示時，它實際上看起來像這樣：

如何使漢堡包菜單正確摺疊？

Answer 1

您需要更改圖標點擊事件功能，這樣的事情

$(".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/