jquery - 使用 jQuery 折叠单个字段集

Question

我制作了一个可折叠的字段集，但我在同一页面上有多个字段集，当我单击一个字段集时，它会折叠所有字段集，但我只希望它只折叠我单击的那个，我已经将必要的代码放入Jsbin： 点击这里

谢谢

$(document).ready(function () {
  $(".leg").click(function () {
    $("div.proj").toggle();
  });
});

Answer 1

那是因为您正在选择所有具有 class of 的元素.proj，您可以使用this它来引用您当前单击的元素。

$(document).ready(function() {
    $(".leg").click(function() {
        $(this).next().toggle();
    });
});

• next()

Answer 2

您设置的 jQuery 将当前单击应用于所有字段集，因为您正在请求$("div.proj")每个字段集。

你应该使用

$( this ).parent().find( '.proj' ).toggle();

Answer 3

你可以试试这个

$(document).ready(function () {
     $(".leg").click(function () {              
         $(this).parent().children("div").toggle();
     });
});