javascript - 按钮不在jQuery中切换

我的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();
    }
});

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

在这方面需要帮助。

最佳答案

当然，当您检查按钮是否可见时，并且由于该按钮始终可见，因此免责声明隐藏功能始终被调用。您需要检查免责声明是否可见...

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