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