0

いくつかの参照用に簡単な jQuery メニューを作成しようとしています。基本的に、ユーザーに「用語」をクリックしてもらい、その用語の定義を上にスライドして非表示にするか、下にスライドして表示するように切り替えます。

これがjQueryの私のコードです(これはまだ非常に新しいです!)

<script>
$(document).ready(function(){

  $("p").hide();


$("h3").click(function(){
    $("p").slideToggle("slow");
     });


});
</script>

それはうまくいきます!しかし、それを「特異なインスタンス」にするために何をする必要があるのか​​ わかりません。現在(セレクターを考えると明らかです)、人が見出しをクリックすると、すべての段落要素が同時に切り替わります。誰かが私を正しい方向に向けることができますか?

4

1 に答える 1

0

$('p').slideToggle('slow') の代わりに、

$(this).children('p').slideToggle('slow')

p が h3 の子であると仮定すると、そうでない場合は、そこに到達するためにセレクターを使用する必要があります。しかし、 $(this) はクリックしたものを提供します。

于 2013-01-23T17:11:50.093 に答える