Javascript Jquery滑动div

我正在做一个jquery站点，我有一个滑入和滑出的div，用来显示共享按钮。我在多个页面上使用相同的代码。在我的第一页，它工作得很好，没有问题，但每隔一页，div就会滑出，但又滑回。它不会停止。非常困惑

这里我有一把小提琴，在小提琴里它工作得很好！但是当我在其他页面上使用相同的代码时，它不能正常工作

$（函数（）{
$（'.toggleNotes'）。单击（函数（）{
$nextArticle=$（this.next（“.article”）；
$nextArticle.is（':visible'）？$nextArticle.slideUp（）：$nextArticle.slideDown（）；
返回false；
});
});
.文章{
显示：无；
}
这是按钮显示的地方。

---

有人能解释为什么它滑出然后又滑回吗？

在我的top.php中，我也调用了相同的函数。所以它调用了实例两次。它只需要调用一次。愚蠢的错误。

向我们展示一个已经运行的代码并没有什么帮助。你能详细介绍一下这些代码是如何在页面之间共享的吗？在每一页中都可以找到它吗？它是否在js文件中，并且您在每个页面上都包含它？可以查看页面吗？

<script>
$(function() {
    $('.toggleNotes').click(function() {        
$nextArticle = $(this).next('.article');        
$nextArticle.is(':visible') ? $nextArticle.slideUp() : $nextArticle.slideDown();         
return false;    
});
});
</script>

<style>
.article {
    display: none;
}
</style>

<a href="#" class="toggleNotes">Click here</a>

<div class="article">
    This is where the buttons show up.
</div>