JQuery скользящий div исчезает

Я делаю сайт 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>

Может ли кто-нибудь объяснить, почему он скользит и обратно?