只需按钮即可分开

Question

我有一个非常基本的问题，实际上它看起来Here。我想分开两个按钮。

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