JQuery переключить портить положение страницы

Question

У меня есть эта таблица названий фильмов, а внутри ячейки с заголовком находится скрытый div.Внутри div я поместил текст, содержащий резюме фильма.Я хочу, чтобы пользователи могли переключать резюме фильмов.Пока кнопка переключения работает.К сожалению, всякий раз, когда нажимается кнопка, позиция на странице меняется.

Есть ли способ использовать функцию переключения без перехода на страницу?

РЕДАКТИРОВАТЬ:

Вот мой код переключения

$(document).ready(function(){
    $("#button1").click(function(){
        $("p.desc").toggle();
     });
});

Вот пример HTML:

<button id="button1">Toggle Summaries</button>
<table border="1">
    <tr>
       <th>Title</th>
       <th>Release Date</th>
    </tr>
    <tr>
       <td>2001: A Space Odyssey
          <div><p class="desc"><!--Summary of movie here--></p></div>
       </td>
    </tr>
</table>

Answer 1

Вызовите функцию preventDefault в начале обработчика щелчков вашего переключателя. Это предотвратит срабатывание ссылки по умолчанию при щелчке (я полагаю, вы установили href="#" и его переход в начало текущей страницы).

$('#summary-toggle').click(function(e){
    e.preventDefault();
    // Your toggling code
});

Спасибо Sparky672 за подсказку по preventDefault. Возвращение false из обработчика событий - не лучший способ остановить действие по умолчанию.