Jquery 子页面上的Accordeon菜单应保持打开状态

我使用以下jquery java脚本创建了一个简单的accordeon菜单：

$(document).ready(function () {
  $('#nav > li > a').click(function(){
    if ($(this).attr('class') != 'active'){
      $('#nav li ul').slideUp();
      $(this).next().slideToggle();
      $('#nav li a').removeClass('active');
      $(this).addClass('active');
    }
  });
});

问题是当我在子页面上时，它会关闭所有子菜单

当我在子页面上时，如何更改代码，使特定子页面菜单保持打开状态

当我在子页面上处于活动状态时，将有一个“活动”类添加到li标记

---

提前谢谢你

每次加载页面时都需要

slideToggle（）

子菜单。在本例中，用户可以单击

active

s父链接，或者单击

active

链接（如果不在子菜单中）

$（文档）.ready（函数（）{
$（'#nav>li>a'）。单击（函数（）{
if（$（this.attr（'class'）！='active'）{
$（'#nav li ul'）.slideUp（）；
$（this.next（）.slideToggle（）；
$（'#nav li a'）.removeClass（'active'）；
$（this.addClass（'active'）；
}
});
如果（$（“.active”）.parent（）.parent（）是（'#nav'））{
$（“.active”）.next（）.slideToggle（）；
}否则{
$（“.active”）。父项（'ul'）。兄弟项（'a'）。单击（）；
}
});
#导航{
浮动：左；
宽度：280px；
}
#李娜{
显示：内联块；
填充：10px 15px；
文字装饰：无；
颜色：#000；
列表样式：无；
}
#导航李a：悬停，#导航李a处于活动状态{
}
#纳夫利乌尔{
显示：无；//用于隐藏子菜单
列表样式：无；
}
#纳夫利乌利阿{
填充：10px 25px；
}
保险商实验室{
列表样式：无；
}






























在
li
上使用
id
，并在每页上设置
$（“#子菜单”）。单击（）在DOM中。检查非常感谢，现在它正在运行，并且出现了另一个问题。怎么可能避免幻灯片效果呢？它应该只是出现和消失……我用其他代码，比如“show”或“hide”来代替“slide”，但它不起作用。哦，我刚刚发现了。我必须替换.slideToggle（）；with.toggle（）；首先，我失败了，大写字母T是这样简单的：D