javascript - 简单的功能来分隔按钮

Question

我有一个非常基本的问题，实际上是看这里。我想分开两个按钮。

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