jquery - .click 関数がページの先頭にジャンプしないようにする

Question

以下のコードを使用して、.animate トグル効果をシミュレートしています。ただし、ページをクリックするとトップにジャンプします。防止を使用してみましたが、それでもジャンプするので、何か不足していると思います...何かアイデアはありますか?

$(function() {
$('.menu-toggle').click(function() {
  var clicks = $(this).data('clicks');
  if (clicks) {// odd clicks 

    $(this).find('i').toggleClass('fa-bars fa-times');
    $(this).toggleClass('cross');
    $('.menu-over ul li').toggleClass('animated-fast slideInLeft')

    $(".menu-over").animate({
    left: "-50%",
    }, 1000 );

    $( ".mainsite" ).animate({
    left: "0%",
    width:"100%" ,
    }, 1000 );

  } else {// even clicks

    $(this).find('i').toggleClass('fa-bars fa-times');
    $(this).toggleClass('cross');
    $('.menu-over ul li').toggleClass('animated-fast slideInLeft')

    $(".menu-over").animate({
    left: "0%",
    }, 1000 );

    $( ".mainsite" ).animate({
    left: "50%",
    width:"50%" ,
    }, 1000 );

  }
  $(this).data("clicks", !clicks);
});
});

Answer 1

return false関数の最後で試してみてください。ご挨拶

Answer 2

理解した。すべての提案に感謝しますが、奇妙なことに、それらのどれも機能しませんでした。それを引き起こしたのは、.mainsite の幅のアニメーションでした。代わりにパディング効果に変更し、クリックしてもすべてが固定されるようになりました。