jquery單擊按鈕顯示或隱藏

jQuery 效果 - toggle() 方法

$(".btn1").click(function(){
  $("p").hide();
});

定義和用法

toggle() 方法切換元素的可見狀態。

如果被選元素可見，則隱藏這些元素，如果被選元素隱藏，則顯示這些元素。

語法

$(selector).toggle(speed,callback,switch)

參數	描述
speed	可選。規定元素從可見到隱藏的速度（或者相反）。默認為 "0"。 可能的值： 毫秒 （比如 1500） "slow" "normal" "fast" 在設置速度的情況下，元素從可見到隱藏的過程中，會逐漸地改變其高度、寬度、外邊距、內邊距和透明度。 如果設置此參數，則無法使用 switch 參數。
callback	可選。toggle 函數執行完之后，要執行的函數。 如需學習更多有關 callback 的內容，請訪問我們的 jQuery Callback 這一章。 除非設置了 speed 參數，否則不能設置該參數。
switch	可選。布爾值。規定 toggle 是否隱藏或顯示所有被選元素。 True - 顯示所有元素 False - 隱藏所有元素 如果設置此參數，則無法使用 speed 和 callback 參數。

提示和注釋

注釋：該效果適用於通過 jQuery 隱藏的元素，或在 CSS 中聲明 display:none 的元素（但不適用於 visibility:hidden 的元素）。

$(".btn1").click(function(){
$("p").toggle(1000);
});

$(document).ready(function(){
$(".btn1").click(function(){
$("p").toggle(true);
});
});