如何将show()和hide()jquery函数应用于css显示属性

您的代码可以通过使用 slideToggle 以及一些简单的逻辑,用于检查 a 旁边有一个子菜单。

请查看这把小提琴: https://jsfiddle.net/vxaoryg3/2/

您应该使用 slideUp 和 slideDown .

而 slide 函数仅影响元素的高度 show/hide 函数影响高度和宽度。

看见 this fiddle 正在运行

使用 提格尔迪 的建议(&A); 特里谢里奇 的解决方案(实施)

已更新

$('.sidebar-menu li').click(function(e) 
{
    e.stopPropagation();
    $(this).siblings().find('.sidebar-sub-menu').slideUp();
    $(this).find('.sidebar-sub-menu').slideToggle();
});