按鈕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

當然，當您檢查按鈕是否可見時，並且由於該按鈕始終可見，所以始終會調用免責聲明隱藏功能。你需要檢查，如果聲明是可見或不可見...

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

Answer 2

你可以使用.toggle()。

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

The working demo.

Answer 3

JavaScript代碼應該是這樣的：

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