按钮不在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();
});

工作演示.