javascript - 使用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>

最佳答案

尝试使用以下代码。您可以使用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>

关于javascript - 使用toggle()时，元素未单击即消失，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/46657216/