javascript - 使用toggle()时，元素没有点击就消失了

Question

toggle 意味着当您单击某个元素时，它会执行某些操作。就我而言，我没有点击“新闻标题”，但它很快就消失了。为什么？

这是我的代码:

$('h5').toggle(function() {
  $(this).next().hide();
}, function() {
  $(this).next().show();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <h5>news title</h5>
  <p>hdsiauhfua;hfsh;aoff</p>
</div>

Answer 1

尝试使用下面的代码。您可以使用 siblings() 调用下一个元素并隐藏和显示下一个元素，toggle() 就派上用场了。

$('div p').hide();
$('h5').click(function() {
  $(this).siblings().toggle();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <h5>NEWS TITLE</h5>
  <p>Content here...</p>
</div>