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中，我还调用了相同的函数。 因此它两次调用实例。 它只需要被调用一次。 愚蠢的错误。