javascript - 如何在第一次点击时切换 div 显示？

Question

html 头:

<script type="text/javascript" language="JavaScript">

    function getStyle() {
        var temp = document.getElementById("cont").style.display;
        return temp;
    }

    function switch01() {
        var current = getStyle();
        if (current == "none") {
            document.getElementById("cont").style.display = "block";
        }
        else {
            document.getElementById("cont").style.display = "none";
        }
    }​

</script>

正文:

<a href="javascript:switch01('cont')">CONTENT</a>

CSS:

#cont{
    display: none;
}

加载页面后 - 第一次点击不起作用。第一次点击后 - 一切正常。
另外，我怎样才能缓慢地显示/隐藏 div(具有滑动效果，而不是瞬间)？

Answer 1

第一次获取的值是“undefined”。

您可以:

1) 在页面加载时通过javascript设置值；

document.getElementById("cont").style.display = "none";

或

2) 将“未定义”值解码为无，因为您知道一开始该值将是无；

var temp = document.getElementById("cont").style.display;
if (temp == "undefined") 
   temp = "none";
return temp;

这两个解决方案都很丑陋，但它们都有效。