javascript遇到的问题

<!--
var number=2;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>
<tr>
<td  style="PADDING-LEFT: 20px" background height="23">
<!--<img height="9" src="imagesjs/bit05.gif" width="8" align="absMiddle">-->
<a title="修改密码" href="modifyPasswd.jsp" target="WORK">
修改密码</a>
</td>
</tr>
<tr id="LM1" style="DISPLAY: none">   
</tr>

<tr>
<td style="PADDING-LEFT: 20px" background height="23">
<!--<img height="9" src="imagesjs/bit05.gif" width="8"
align="absMiddle">-->
<a onclick="javascript:ShowFLT(2)" href="javascript:void(null)">
水果管理</a>
</td>
</tr>
<tr id="LM2" style="DISPLAY: none">
<td>
<table cellspacing="0" cellpadding="0" width="100%" border="0">
<tr>
<td style="PADDING-LEFT: 40px" height="23">
<!--  <img height="7" src="imagesjs/bit06.gif" width="8"
align="absMiddle"> -->
<a title="添加水果" href="insertFruit.jsp" target="WORK">
添加水果</a>
</td>
</tr>
<tr>
<td background height="3"></td>
</tr>

<tr>
<td style="PADDING-LEFT: 40px" height="23">
<!--<img height="7" src="imagesjs/bit06.gif" width="8"
align="absMiddle">-->
<a title="查询/修改/删除" href="queryFruit.jsp" target="WORK">
查询/修改/删除</a>
</td>
</tr>
每次点到水果管理出现下拉菜单时，页面老往上跳，就是能不能点击时，水果管理位置不变，出现这些下拉菜单添加水果，查询/修改/删除等。谢谢各位高手帮忙