展开，折叠

你是用Asp.net开发吗，如果是可以用treeView控件来做，树控件的操作代码，你可以到网上找很多的

解决方案 »

  1.   

    jQuery 库， 简单得要命， 还炫得要命。写一句就可以了：<h4 onclick="$('#sslDiv').slideToggle('fast');">1. SSL Information</h4>
    <div id="sslDiv">abcd</div>
      

  2.   

    忘了说明了，我是jsp开发的，二楼的，你能解释下你的程序吗？你说的那个JQUERY库得导入吧
      

  3.   

    http://www.scriptlover.com/controls/AccControl/demo.html
      

  4.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    </HEAD>
    <BODY>
    <script>
    if (!document.getElementById)
        document.getElementById = function() { return null; }
    function initializeMenu(menuId, actuatorId) {
        var menu = document.getElementById(menuId);
        var actuator = document.getElementById(actuatorId);
        if (menu == null || actuator == null) return;
        //if (window.opera) return; // I'm too tired
        actuator.parentNode.style.backgroundImage = "url(/images/plus.gif)";
        actuator.onclick = function() {
            var display = menu.style.display;
            this.parentNode.style.backgroundImage =
                (display == "block") ? "url(/images/plus.gif)" : "url(/images/minus.gif)";
            menu.style.display = (display == "block") ? "none" : "block";
            return false;
        }
    }
     window.onload = function() {
                initializeMenu("productsMenu", "productsActuator");
                initializeMenu("newPhonesMenu", "newPhonesActuator");
                initializeMenu("compareMenu", "compareActuator");
            }
    </script>
    <style>
    body {
      font-family: verdana, helvetica, arial, sans-serif;
    }
    #mainMenu {
      background-color: #EEE;
      border: 1px solid #CCC;
      color: #000;
      width: 203px;
    }
    #menuList {
      margin: 0px;
      padding: 10px 0px 10px 15px;
    }
    li.menubar {
      background: url(/images/plus.gif) no-repeat 0em 0.3em;
      font-size: 12px;
      line-height: 1.5em;
      list-style: none outside;
    }
    .menu, .submenu {
      display: none;
      margin-left: 15px;
      padding: 0px;
    }
    .menu li, .submenu li {
      background: url(/images/square.gif) no-repeat 0em 0.3em;
      list-style: none outside;
    }
    a.actuator {
      background-color: transparent;
      color: #000;
      font-size: 12px;
      padding-left: 15px;
      text-decoration: none;
    }
    a.actuator:hover {
      text-decoration: underline;
    }
    .menu li a, .submenu li a {
      background-color: transparent;
      color: #000;
      font-size: 12px;
      padding-left: 15px;
      text-decoration: none;
    }
    .menu li a:hover, submenu li a:hover {
      /*border-bottom: 1px dashed #000;*/
      text-decoration: underline;
    }
    span.key {
      text-decoration: underline;
    }
    </style>
    </head>
    <body>
    <div id="mainMenu">
          <ul id="menuList">
            <li class="menubar">
              <a href="#" id="productsActuator" class="actuator">图秀地带收藏夹</a>
              <ul id="productsMenu" class="menu">
                <li>
                  <a href="#" id="newPhonesActuator" class="actuator">我的好友</a>
                  <ul id="newPhonesMenu" class="submenu">
                    <li><a href="http://mc.mapabc.com/mapcard/card.jsp?pp=1000000001">张三[10000001]</a></li>
                    <li><a href="http://mc.mapabc.com/mapcard/card.jsp?pp=1000000001">李四[10000002]</a></li>
                    <li><a href="http://mc.mapabc.com/mapcard/card.jsp?pp=1000000001">张三[10000001]</a></li>
                    <li><a href="http://mc.mapabc.com/mapcard/card.jsp?pp=1000000001">李四[10000002]</a></li>
                  </ul>
                </li>
                <li>
                  <a href="#" id="compareActuator" class="actuator">陌生人</a>
                  <ul id="compareMenu" class="submenu">
                    <li><a href="http://mc.mapabc.com/mapcard/card.jsp?pp=1000000001">张三[10000001]</a></li>
                    <li><a href="http://mc.mapabc.com/mapcard/card.jsp?pp=1000000001">李四[10000002]</a></li>
                    <li><a href="http://mc.mapabc.com/mapcard/card.jsp?pp=1000000001">张三[10000001]</a></li>
                    <li><a href="http://mc.mapabc.com/mapcard/card.jsp?pp=1000000001">李四[10000002]</a></li>
                  </ul>
                </li>
              </ul>
            </li>
          </ul>
        </div>
      </body>
    </BODY>
    </HTML>