jquery - jQueryを使用して個々のフィールドセットを折りたたむ

Question

折りたたみ可能なフィールドセットを作成しましたが、同じページに複数のフィールドセットがあり、1つのフィールドセットをクリックすると、すべてが折りたたみますが、クリックしたフィールドセットのみを折りたたみたいので、必要なコードを入力しました。 Jsbin： ここをクリックしてください

ありがとう

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

Answer 1

これは、クラスがのすべての要素を選択しているため、現在クリックされている要素を参照するものを.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();
     });
});