javascript - 单击时显示/隐藏元素

Question

我只是在制作一个简单的练习脚本，当您单击 h1 标题时应该显示一个段落。出于某种原因，它在本地无法正常工作，但我在 jsfiddle 中可以正常工作。

http://jsfiddle.net/q5PF3/

HTML：

 <h1 id="clicker">Click me</h1>
 <p id="hidden">Ta daaaa!</p>

CSS：

#hidden {
    display: none;
}

Javascript：

var click = document.getElementById("clicker");
var xtra = document.getElementById("hidden");
click.onclick = function() {
if(xtra.style.display == "none") {
    xtra.style.display = "inline";
}
else{
    xtra.style.display = 'none';
}
};