js中div显示和隐藏钮为什么页面总是跳一下到最上面

<div  class="menu_left">
<ul >
<li  id="t1"   style="background-image:url(images/t2.gif);" >
<a href="#" id="first" onclick="infoList('first');"   >中心动态</a></li>
<li  id="t2" ><a href="#" id="first" onclick="infoList('first');" >
<a href="#"  id="second" onclick="infoList('second');">产权动态</a></li>
<li  id="t3">
<a href="#"  id="third" onclick="infoList('third');">财经聚焦</a></li>
</ul>
</div>
点击onclick事件

是因为<a>的href属性，使用了#的缘故，你点击a的时候回到页面的开始，然后才在做click函数，你可以不使用href属性。但是这样的话，在IE6中a的一些伪属性:hover,:link,:active等不会起作用了,但是IE6+，ff,chrome不会有问题的。
也可以使用
href="javascript:void(0);"
或
href=“javascript;”
就可以了，呵呵