JQuery slide 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 Я также вызывал ту же функцию. Поэтому он дважды вызывал экземпляр. Его нужно только один раз вызвать. Глупая ошибка.