javascript - 切换隐藏 : unhidden not working with JS in HTML/CSS?

Question

http://jsfiddle.net/bDQt7/1/

切换隐藏:取消隐藏不起作用，我不明白为什么？

html

<a href="javascript:unhide('menu');">Toggle</a>

<div id="top">
    <div id="menu" class="hidden">
        hello
    </div>
</div>

CSS

.hidden {
    display: none;
}
.unhidden {
    display: block;
}

JS

function unhide(divID) {
    var item = document.getElementById(divID);
    if (item) {
        item.className = (item.className == 'hidden') ? 'unhidden' : 'hidden';
    }
}

Answer 1

尝试

将代码包装在 body 或 html 下方的 head 中。

Working fidde