展开和折叠菜单，无需将用户移动到页面顶部

Question

我有一个图像按钮，我正在使用JavaScript扩展和折叠菜单（通过在具有display: none的类之间切换）。切换工作正常（请参阅下面的代码）。但是，无论何时点击该按钮，都会将用户带回页面的顶部。我只想“点击”展开并折叠菜单，并将用户保留在他们当前所在的位置。我怎样才能做到这一点？

<script type="text/javascript"> 
    function changeClass() 
    { 
     $('div#mainmenu_wrap').toggleClass('hidemenu'); 
    } 
</script> 

<a href="#" onclick="changeClass()"> 
<img src="images/menu_icon2.png" width="33" height="33" /> 
</a> 

Answer 1

得到它的工作。 ..

摆脱href，并使用了一个按钮标签。这工作。

<button onclick="changeClass()" class="menuIco"> 
<img src="<?php bloginfo('stylesheet_directory'); ?>/images/menu_icon2.png" width="33" height="33" /> 
</button> 

Answer 2

改变这一行<a href="#" onclick="changeClass()">

这样：<a href="#" onclick="changeClass(e)">

，改变你changeClass()函数的结构下面，并添加指定的行：

function changeClass(event){ 
    event.preventDefault(); 
    . 
    . 
    . 
}