Jquery滑动div消失了

Question

我正在做一个jquery网站，我有一个幻灯片进出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我也在调用相同的功能。所以它两次调用实例。它只需要调用一次。愚蠢的错误。