javascript Android Phone - When jQuery accordion is clicked, stop it going to the top of the page
<p>I'm using this code which works fine online and on a iphone, however on a Android phone it jumps to the top of the page when you click on an accordion section, the section is opened but you have to scroll down to see it which is a pain. Does anyone know how i can amend it to stop it jumping up to the top however still keep the click action to open the accordian content?</p>

<p>HTML:</p>

<pre><code>&lt;div class="accordionButton"&gt;Box to be clicked &lt;/div&gt;
&lt;div class="accordionContent"&gt;Box with the content to be displayed. &lt;/div&gt;
</code></pre>

<p>JavaScript:</p>

<pre><code>$(document).ready(function() {

//ACCORDION BUTTON ACTION (ON CLICK DO THE FOLLOWING)
$('.accordionButton').click(function() {

    //REMOVE THE ON CLASS FROM ALL BUTTONS
    $('.accordionButton').removeClass('on');

    //NO MATTER WHAT WE CLOSE ALL OPEN SLIDES
    $('.accordionContent').slideUp('normal');

    //IF THE NEXT SLIDE WASN'T OPEN THEN OPEN IT
    if($(this).next().is(':hidden') == true) {

        //ADD THE ON CLASS TO THE BUTTON
        $(this).addClass('on');

        //OPEN THE SLIDE
        $(this).next().slideDown('normal');
     } 

 });


/*** REMOVE IF MOUSEOVER IS NOT REQUIRED ***/

//ADDS THE .OVER CLASS FROM THE STYLESHEET ON MOUSEOVER 
$('.accordionButton').mouseover(function() {
    $(this).addClass('over');

//ON MOUSEOUT REMOVE THE OVER CLASS
}).mouseout(function() {
    $(this).removeClass('over');                                        
});

/*** END REMOVE IF MOUSEOVER IS NOT REQUIRED ***/

/***************************************************************************************************
    CLOSES ALL S ON PAGE LOAD

***************************************************************************************************/    
$('.accordionContent').hide();

});
</code></pre>
