显示/隐藏元素onclick

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';
}
};