Question

我有多个UL，它们具有相同的类，无法更改为单个类。我希望点击时只有点击的显示/隐藏展开，而不是所有的ul扩展。我在第三个李之后隐藏了这些内容。任何帮助将不胜感激！代码如下。

$(document).ready(function(){

$("ul.gigpress-listing").find("li:gt(2)").hide();

$("ul.gigpress-listing").has("li:nth-child(3)").after("<span class=\"showhide_tours\">+     Show More</span><br/><br/>");

$("span.showhide_tours").click(function() {
$("ul.gigpress-listing").find("li:gt(3)").slideToggle("fast");

});

});;

Answer 1

如果不看你的标记就很难说出你想要的东西，但我假设你想要一些东西。

  $("span.showhide_tours").click(function() {
    $(this).closest('ul').find("li:gt(3)").slideToggle("fast");
  });

Answer 2

由于您在每个span之后添加ul，因此您可以尝试此操作。

$("span.showhide_tours").click(function() {
   $(this).prev()//This will get the previous ul element
   .find("li:gt(3)").slideToggle("fast");
});

具有相同类别的多个显示/隐藏

2 个答案: