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