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

的 The working demo. 的

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

按钮不在jQuery中切换

3 个答案: