Jquery滑动div消失了

时间:2013-09-20 04:12:36

标签: javascript jquery html css

我正在做一个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>

任何人都可以解释为什么它会滑出并直接进入吗?

1 个答案:

答案 0 :(得分:0)

原来我的top.php我也在调用相同的功能。所以它两次调用实例。它只需要调用一次。愚蠢的错误。