Javascript 使用jQuery'显示内容时出现问题；s.show（）

我在“顶层”上有一个单击处理程序，我想隐藏

下的所有内容，然后在单击的特定
下显示内容

隐藏是有效的，但展示不是


$（'.menu li'）。单击（函数（）{
$（'.submenu'）.hide（）；
var myclass=$（“子菜单”）；
$（此）.show（$子菜单）
});

菜单






























试试这个

它使用CSS隐藏子菜单。

然后在单击列表项时切换子菜单

如果您只希望一次显示一个子菜单，请在js中取消对该行的注释


$（'.menu li'）。具有（'.submenu'）。单击（函数（e）{
e、 预防默认值（）；
$（this.find（'.submenu'）.slideToggle（）；
});
。子菜单{
显示：无；
}

菜单




















您应该试试这个



菜单




















$（'.submenu'）.hide（）；
$（document）.on（“click”，“.menu li”，function（）{
$（this.find（'.submenu'）.slideToggle（）；
});
您正在使用jQuery，并且有显示/隐藏切换的功能，可以这样使用

    $('.submenu').toggle();

我修复了你的脚本，但它不起作用

$('.menu li').click(function(){
  $('.submenu').hide();
  $(this).find('.submenu').show();
});

您的预期结果应该是什么？需要问题的背景知识来为您提供解决方案。请举例说明您试图实现的目标。解释代码试图做什么，以及它的作用。另外，使用编辑菜单中的[]框将代码制作成一个可测试的代码片段。非常感谢各位，我在帮助下得到了我的问题解决方案guys@Hafiz欢迎接受答案，如果对你有帮助的话，做学分。