I have a page with two sections map at the top and accordion menu at the bottom when i click accordion page is scrolling to top
<p>I have a page with two sections map at the top and jQuery accordion menu at the bottom when I click accordion menu page is scrolling to top, I need the page should stay at the same place so I can see the jQuery accordion menu properly.</p>

<p>Is there anyway to prevent this? So that when I click on the menu, the page should stay at the same place in the browser?</p>

<pre><code>menu.find('ul li &gt; a').bind('click',function(event,ui){
    /*var ahref = $(event.currentTarget).attr('href');
    if(ahref!='#'){
        window.location.href = ahref;
    }else{*/

        var currentlink=$(event.currentTarget);
        if (currentlink.parent().find('ul.active').size()==1)
        {
            currentlink.parent().find('ul.active').slideUp('medium',function(){
               currentlink.parent().find('ul.active').removeClass('active');
            });
        }
        else if (menu.find('ul li ul.active').size()==0)
        {
            show(currentlink);
        }
        else
        {
            menu.find('ul li ul.active').slideUp('medium',function(){
                menu.find('ul li ul').removeClass('active');
                show(currentlink);
            });
        }
   /* }*/
});
</code></pre>

<p>to scroll accordion menu</p>
