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中，我還調用了相同的函數。 因此它兩次調用實例。 它只需要被調用一次。 愚蠢的錯誤。