Js 实现目录收缩效果

今天研究了一个小功能 小菜鸟 来分享给大家      一起学习进步 

<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 οnclick=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 οnclick=javascript:ShowFLT(2) href="javascript:void(null)">
            CSS教程
          </A>
        </li>
        <li id=LM2 style="DISPLAY: none;">
          444
          <br>
          44444
        </li>
        <li>
          +
          <A οnclick=javascript:ShowFLT(3) href="javascript:void(3)">
            CSS栏目
          </A>
        </li>
        <li id=LM3 style="DISPLAY: none;">
          000
          <br>
          0000
          <br>
        </li>
        <li>
          +
          <A οnclick=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 οnclick=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>

具体效果验证可以到 http://www.w3school.com.cn/tiy/t.asp?f=jsrf_string_length   去验证看下效果