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

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

解决方案 »

  1.   


    $("A").toggle(
      function () {
        //打开
      },
      function () {
        //关闭
      }
    );
      

  2.   

    <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>
      

  3.   

    3楼的我试了下 基本可以实现  不过JQuery 有一个切换样式的  用toggleClass('class');  就可以实现样式间的切换了 不用这么麻烦的