javascript - ボタンを分離するだけの機能

Question

私は非常に基本的な問題を抱えています。実際には、ここに見えます。2 つのボタンを分離したい。

jQuery

$( "span" ).click(function() {
  $( "p" ).toggle( "slow" );
});

HTML

<span>↓ Hobby </span>
<p class="contentDiv" >Such interesting text, eh?</p>
    <br> <br>
 <span>↓ Sport </span>
<p class="contentDiv" >Such interesting text, eh?</p>

getElementById で試していましたが、うまくいきません。

私は初心者です、我慢してください。

Answer 1

$('p')すべての p 要素を選択している場合は、次のように指定する必要があります

$( "span" ).click(function() {
  $(this).next().toggle();
});

Answer 2

これを試して。

$( "span" ).click(function() {
  $(this).closest('p').toggle();
});