jquery - 选择下一个第一个 div

Question

如何用btn选择info_area？我已经尝试过使用下一个、查找和最接近的方法，正如我在其他问题中看到的那样，但不起作用。有什么建议吗？

$('.btn').on('click', function(event) {
  content = $(this).closest('.info_area')
  content.slideToggle();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="item">
  <div class="btn">
    info
  </div>
</div>
<div class="info_area">
  Some info...
</div>

Answer 1

.closest()向上遍历 DOM 来查找祖先，但您可以向上一级并使用 siblings来自.item。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="item">
  <div class="btn">
    info
  </div>
</div>
<div class="info_area">
  Some info...
</div>

<script>
  $('.btn').on('click', function (event) {
    $(this).parent('.item').siblings('.info_area').slideToggle();
  });
</script>