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

此处，此关键字将引用您点击的按钮。

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

2 个答案: