javascript - 切换以下选择器

Question

我有一堆这样的元素

<h4>Question</h4>
<h5>Answer</h5>
<h4>Question2</h4>
<h5>Answer2/h5>

我在哪里隐藏答案

h5{
display:none;
}

并通过

再次显示它们

$( "h4" ).click(function() {
  $( "h5" ).slideToggle( "slow", function() {
  });
});

当然，这只是通过点击任何 h4 而不是紧随其后的那个来切换所有 h5 元素。因此我的问题是:如何触发给定物种的下一个选择器(如该特定示例中的“h5”)。

类似 $(this > "h5").slideToggle(... 没有成功。但这可以算是一种解决方案吗？

Answer 1

试试下面的代码

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