js列表可收縮展開

2012/11/17 0:55:451949 閱讀

      <script language=javascript id=clientEventHandlersJS>
        var number = 5;

        function LMYC() {
          var lbmc;
          for (i = 1; i <= number; i++) {
            lbmc = eval('LM' + i);
            lbmc.style.display = 'none';
          }
        }

        function ShowFLT(i) {
          lbmc = eval('LM' + i);
          if (lbmc.style.display == 'none') {
            LMYC();
            lbmc.style.display = '';
          } else {
            lbmc.style.display = 'none';
          }
        }
      </script>
      <ul>
        <li>
          +
          <A onclick=javascript:ShowFLT(1) href="javascript:void(null)">
            DIVCSS5
          </A>
        </li>
        <li style="DISPLAY: none" id=LM1>
          1111
          <br>
          111111
          <br>
          1111111111
          <br>
          1111111
          <br>
          111111111
          <br>
          111111111111
        </li>
        <li>
          +
          <A onclick=javascript:ShowFLT(2) href="javascript:void(null)">
            CSS教程
          </A>
        </li>
        <li id=LM2 style="DISPLAY: none;">
          444
          <br>
          44444
        </li>
        <li>
          +
          <A onclick=javascript:ShowFLT(3) href="javascript:void(3)">
            CSS欄目
          </A>
        </li>
        <li id=LM3 style="DISPLAY: none;">
          000
          <br>
          0000
          <br>
        </li>
        <li>
          +
          <A onclick=javascript:ShowFLT(4) href="javascript:void(null)">
            CSS欄目2
          </A>
        </li>
        <li id=LM4 style="DISPLAY: none;">
          22
          <br>
          222
          <br>
          22222
        </li>
        <li>
          +
          <A onclick=javascript:ShowFLT(5) href="javascript:void(null)">
            CSS分類
          </A>
        </li>
        <li id=LM5 style="DISPLAY: none;">
          xxx
          <br>
          xxxxx
          <br>
          xxx
          <br>
          xxxxxxx
          <br>
          xxx
          <br>
          xxxxxxx
        </li>
      </ul>

下一條：ewebeditor不兼容ie8、ie9解決辦法

上一條：IIS7.0中200K限制