Question

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

这是我的代码：

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 1

尝试使用以下代码。您可以使用siblings()来调用下一个元素，并隐藏并显示下一个元素toggle()。

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 2

使用.click()
并使用.toggle()隐藏和显示

＆＃13;

$('h5').click(function() {
  $(this).next().toggle();
});

＆＃13;

<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>

＆＃13;

使用toggle（）时，元素没有点击它

2 个答案: