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