Запретить перезагрузку или перемещение страницы после функции jQuery

Я использую функции toggle и slideDown для отображения/скрытия buttons и Divs. Все работает отлично - кроме того, что, когда я нажимаю на кнопку, перезагрузка страницы и эффект slideDown слишком близки к нижней, что пользователь не может ее увидеть. Как я могу это предотвратить?

JQuery

$(document).ready(function(){
     $("#banner_step_2").hide();
$("#next_btn_info_id").click(function(){
    $("#banner_step_2").slideDown(500);
  });
    });

HTML

<div class="next_btn_info" id="next_btn_info_id">
   <a href="#"><?php echo $lang ['next']; ?></a>
</div>  

<div class="clearfix"></div>

<article class="order_form_banner_step_2" id="banner_step_2">
</article>

Извините за неправильную информацию, я просто заметил, что страница не перезагружается, а просто slideDown когда функция slideDown активна. Поэтому моя проблема заключается в том, что все происходит внизу и снаружи экрана. Как я slideDown функцию slideDown но в то же время scrolling вместе с ней до вершины этого Div?