javascript - 添加切换时平滑的div滚动不起作用

Question

我有一个包含数据库内容的 div。所有的 div 都使用相同的类，因为它们循环使用不同的内容通过 php 回显到它们中。我想使用 Smooth Div Scroll 并且能够让它工作得很好（参见 Fiddle），但是一旦我添加了下面的脚本，它允许隐藏 div 直到单击另一个 div，它就不起作用。如何使用这两个脚本？

http://jsfiddle.net/2Hr4U/549/

<script type="text/javascript"> 
    $(document).ready(function(){
        $(".flip").click(function(){
            $(this).siblings(".panel").slideToggle("slow");
        });
    });
</script>

请注意，我没有display:none;在小提琴中设置 .panel，所以你们可以看到它最初是如何工作的。最后，很明显，小提琴中的 div 内容并没有与 php 相呼应——我的原版看起来更像这样：<?php echo $name; ?>但你明白了大致的想法。

更新 在小提琴中效果很好，而不是在我的测试页面上——这就是冲突所在。

Answer 1

我想这就是你的意思：http: //jsfiddle.net/2Hr4U/561/

$(".flip").click(function(){
    $(this).next(".panel").slideToggle("slow");
});

您本质上想使用.next()而不是.siblings(). 另一种方法是为翻转链接和面板使用类名并将它们绑定在一起。这样您就不必担心要单击的链接旁边的面板的位置。