使用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(); 
    }); 
});