jQuery切换混乱页面位置

我有这张电影标题表，标题单元格中有一个隐藏的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>

切换摘要
标题
发布日期
2001年：太空漫游

在切换锚点的单击处理程序的开头调用该函数。这将阻止链接触发其默认的单击操作（我想您可以设置

href=“#”

并将其跳转到当前页面的顶部）

---

感谢Sparky672提供有关

preventDefault

的提示。从事件处理程序返回

false

并不是停止默认操作的最佳方法。

有人能告诉你什么？。。。我们无法看到您的页面或代码！对不起，伙计们，我是新来的。我将放一段代码。当您在

div

上有class

desc

时，

p.desc

在哪里？

#按钮1

在哪里？到目前为止，您发布的代码没有帮助澄清这里的任何内容。将

div

放在

表

中不是一个好做法。因此，我是否应该取出

div

并保留

p

？

。单击（函数（e）{e.preventDefault（）；//切换代码；}）将是更现代的方式。疯子，
e.preventDefault（）
应该是函数的第一行，而不是最后一行。请参阅上的示例代码。这是一个很好的答案。如果我们发现它适用于这个特殊的问题。。。我也会投赞成票。
$('#summary-toggle').click(function(e){
    e.preventDefault();
    // Your toggling code
});