javascript - 按钮在 jQuery 中不切换

Question

我的 HTML：

<input type="button" id="toggleButton" value="toggle" />
<h3 id="disclaimer"> We do not guarentee the validity of the data </h3>

JavaScript/jQuery：

$("#toggleButton").click( function() {
    if($("#toggleButton").is(":visible")){
        $("#disclaimer").hide();
    }else {
        $("#disclaimer").show();
    }
});

免责声明应该在隐藏和可见之间切换，每当按下按钮时，隐藏免责声明就可以了，但是一旦隐藏它就不会再次可见。

在这方面需要帮助。

Answer 1

您可以使用.toggle()。

$("#toggleButton").click( function() {
   $("#disclaimer").toggle();
});

工作演示。

Answer 2

当然，当您检查按钮是否可见时，由于按钮始终可见，因此始终调用免责声明隐藏函数。您需要检查免责声明是否可见...

$("#toggleButton").click( function() {
    if($("#disclaimer").is(":visible")){
        $("#disclaimer").hide();
    }else {
        $("#disclaimer").show();
    }
});

Answer 3

你的 javascript 代码应该是这样的：

$("#toggleButton").click( function() {
    if($("#disclaimer").is(":visible")){
        $("#disclaimer").hide();
    }else {
        $("#disclaimer").show();
    }
});