如何实现点击一个A标签第一次弹出选择框点击第二次关闭选择框-ASP.NET教程-爱易网页

如何实现点击一个A标签第一次弹出选择框点击第二次关闭选择框

日期：2014-05-17　浏览次数：20463 次

怎么实现点击一个A标签第一次弹出选择框点击第二次关闭选择框
怎么实现点击一个A标签第一次弹出选择框点击第二次关闭选择框... 大神给点简单点的代码 thank you

------解决方案--------------------

HTML code

<head runat="server">
    <title></title>
    <style type="text/css">
        .show
        {
            display: block;
            width: 200px;
            height: 100px;
            border: solid 1px #ff0000;
        }
        .hide
        {
            display: none;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <a id="operater">显示</a>
        <div id="showBox">
            测试
        </div>
    </div>

    <script type="text/javascript">
        document.getElementById("operater").onclick = function() {
            this.innerHTML = this.innerHTML == "显示" ? "关闭" : "显示";
            var div = document.getElementById("showBox");
            div.className = div.className == "show" ? "hide" : "show";
        }
    </script>

    </form>
</body>