Question

如果标题不够清晰，我很抱歉，每<li>'s我有<li>个<a> <div>和<div>以及每个<ul>我有<li>类的“配置”。然后，我有两个<ul>。

我使用jQuery隐藏配置类的<div>，然后使用slideToggle来显示/隐藏它们。问题是，它显示了所有这些。我只想点击一个链接，相应的<ul>或$(document).ready(function(){ $("ul.config").hide(); $("li:nth-child(1) a").click(function(){ $("li ul.config:first").slideToggle(300); }); });应该会出现，而不是全部。我怎样才能做到这一点？

到目前为止，我有：

{{1}}

但这只显示了第一个列表。如何在点击时显示每个人？

Answer 1

如果不确定HTML的确是什么，请尝试

$(document).ready(function(){
  $("ul.config").hide();
  $("li:nth-child(1) a").click(function(){
    $(this).parent().find('ul.config').slideToggle(300);
  });
});

Answer 2

将一个类/ id放到最顶层的ul（在5个顶级li之前），例如：id =“topmenu”

$(document).ready(function(){
  $("ul.config").hide();
  $("#topmenu li a").click(function(){
    $(this).parent().find('ul.config').slideToggle(300);
  });
});

如何获得每个列表的名字？

2 个答案: