日期:2014-05-17  浏览次数:20429 次

怎么实现点击一个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>