帮我看看这段Javascript代码有什么问题呢?

Question

我要做的效果就是类似于树形菜单的效果，点击一个DIV可以将对应的div显示或者隐藏
    <script type="text/javascript" language="javascript">
        function Extend(menudiv)
        {
            try
            {
                var o=document.getElementById(menudiv);
                if(o.style.display!="none")
                {
                    o.style.display="none";
                }
                else
                {
                    o.style.display="block";
                }
            }
            catch(e){}
        }
    </script>我的DIV的CSS属性分别设置为display: none;和空。
这两种效果却不一样。
如果设置为display: none，则div初始是不显示的，需要点2次(点第一次没反映)才能实现关闭与显示的效果，
而如果我不设置display属性，则div初始都是显示的，再点一次就关闭了。
我就搞不懂了，为什么设置display: none，需要点2次呢？

Answer 1

var o=document.getElementById(menudiv); 
alert(o.style.display);alert(o.style.display == "none");
if(o.style.display!="none") 
..............

Answer 2

很好，谢谢，这样改就好了。        function Extend(menudiv)
        {
            try
            {
                var o=document.getElementById(menudiv);
                if(o.style.display=="none"||o.style.display=="")
                {
                    o.style.display="block";
                }
                else
                {
                    o.style.display="none";
                }
            }
            catch(e){}
        }    </script>