伸缩下拉菜单

Question

     <div class="r_box">
        <script language=javascript id=clientEventHandlersJS>
<!--
          var number=10;
          function LMYC() {
          var lbmc;
          //var treePic;
            for (i=1;i<=number;i++) {
              lbmc = eval('lm' + i);
              //treePic = eval('treePic'+i);
              //treePic.src = 'images/file.gif';
              lbmc.style.display = 'none';
            }
           }
           function ShowFLT(i) {
             lbmc = eval('lm' + i);
             //treePic = eval('treePic' + i)
             if (lbmc.style.display == 'none') {
                LMYC();
                //treePic.src = 'images/nofile.gif';
                lbmc.style.display = '';
             }
             else {
               //treePic.src = 'images/file.gif';
               lbmc.style.display = 'none';
             }
          }
-->
      </script>
        <h2><b>HR培训工具表</b><span><a href="${urlPath}front/hr.shtml?method=index&hrSubId=0" target="_blank">更多</a></span></h2>
        <ul class="lj_hg">
        
         <#list hrMap?keys as mykey>
         <h4><a onclick="javascript:ShowFLT(''lm' + i');" href="javascript:void(null)">【${mykey}】</a></h4>
                <#assign mapUser=hrMap[mykey]>
                <i id="'lm' + i" style="display:none">
      <#list mapUser as obj>
      <a href="${urlPath}front/hr.shtml?method=index&hrSubId=0" target="_blank">${obj.hrSubName}</a>
      </#list>
          </i>
            </#list>
         
        </ul>
      </div>以上这段代码是在我的index.ftl里写的，主要是通过加载index.ftl来生成静态的ＪＳＰ页面，可是我怎么试都没实现出伸缩下拉的效果。没发现哪有什么问题，求教各位高手，希望高手们能给个指点。谢谢！