切换隐藏:unhidden在HTML / CSS中不使用JS?

时间:2013-11-20 16:29:11

标签: javascript jquery html css hidden

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

1 个答案:

答案 0 :(得分:1)

尝试

将代码包含在html下面的bodyhead

Working fidde

enter image description here