Проблемы с отображением кнопки и скрытием содержимого

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