使按鈕顯示和隱藏內容的問題

Question

我只是試圖想出一個按鈕來隱藏內容的基礎上我見過的一個例子的作品。

HTML

<button id="button">Test</button><br/><br/> 
<div id="panel">Test Panel</div> 

jQuery的

$(document).ready(function(){ 
    $("#button").toggle(function() { 
     if $("#panel").css("display") == "none" { 
      $("#panel").html("Show"); 
     } else { 
      $("#panel").html("Hide"); 
     }; 
    }); 
}); 

CSS

#panel {display:none;} 

任何幫助表示讚賞。謝謝！

Answer 1

切換已被棄用 ..只要點擊事件附加到按鈕，使用切換方法爲panel

$("#button").click(function() { 
    $("#panel").toggle(); 
}); 

Check Fiddle