javascript - Jquery滑动div消失

Question

我正在做一个 jquery 网站，我有一个幻灯片进出 div，我用它来显示共享按钮。我在多个页面上使用相同的代码。在我的第一页上，它运行良好，没有任何问题，但 div 每隔一页都会滑出但又滑回。它不会停止。很困惑。

在这里，我有一个小提琴，在小提琴中效果很好！但是当我在其他页面上使用相同的代码时，它无法正常工作。http://jsfiddle.net/4hUzH/

<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>

谁能解释为什么它会滑出然后又重新滑入？

Answer 1

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