jquery - jQuery 切换：隐藏第一个 div，显示另一个 div

Question

我想要的是以下内容：我正在制作一个网站，我想在页面顶部放置一些文本并在页面中间放置一个按钮。如果用户单击它，按钮上方的内容（例如 Div A）将隐藏，而隐藏在其下方的内容（例如 Div B）将显示并且按钮消失。我需要什么样的 jQuery 代码？

Answer 1

由于评论中的观点而编辑：

<div id="divA">
    Contents
    <input type="button" onclick="$('#divA').hide();$('#divB').show();" />
</div>
<div id="divB">
    More Contents.
</div>

当然，风格#divB是display: hidden;

Answer 2

编辑：我忘记了按钮。这是修改后的代码。

您创建一个隐藏类，然后使用方法toggleClass进行操作。

CSS：

.hidden { display: none; }

JS：

$("#myButton").click(function() {
  $("#divA, #divB").toggleClass("hidden");
  $(this).addClass("hidden");
});

在这里，this关键字将引用您单击的按钮。