javascript - 如何使用 jquery 切换特定的 div

Question

好吧，我对这方面的知识非常有限，我无法在任何地方找到我的答案。我想要做的是创建多个按钮来切换信息。因此，当单击第一个切换时，div 1 被切换，当我单击第二个切换时，div 两个打开，最好关闭 div 1。我的代码非常基础，我对此很陌生。现在无论我在切换区域输入什么值，两个 div 都会关闭。谢谢你，我希望这是有道理的。

这是我的代码:

<script>
$(document).ready(function(){
  $("button").click(function(){
    $("div.house").toggle();

  });
});
</script>

<button>Toggle</button>
<div class="house">
<p>SAMPLE TEXT ETC...</p>
</div>

<button>Toggle</button>
<div class="tumble-by">
<p>SAMPLE TEXT ETC...</p>
</div>

Answer 1

您可以选择下一个兄弟:

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

在上面的代码中，JavaScript this关键字指的是被点击的元素。 $(this) 创建一个 jQuery 集合并 .next()方法选择集合元素的下一个兄弟。