使用jQuery折叠个别字段集

Question

我做了一个可折叠的字段集，但是我在同一页上有多个字段集，当我单击一个字段集时，它将所有字段集合在一起，但我只希望它只合拢我单击的字段集，我已经把需要的代码到Jsbin： Click here

感谢

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

Answer 1

您已经设置了jQuery的适用当前点击所有字段集，因为你正在请求$("div.proj")每个字段集。

您应该使用

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

Answer 2

那是因为你与类的.proj选择所有的元素，你可以使用this引用您的当前点击的元素。

​​

• next()

Answer 3

你可以完美地尝试这种

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