添加切换时，平滑div滚动不起作用

Question

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

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

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

请注意我没有将.panel设置为小提琴中的display:none;，所以你们可以看到它最初是如何工作的。最后，显然小提琴中的div内容并不是回应php - 我原来看起来更像是这样：<?php echo $name; ?>但是你能抓住一般的想法。

的更新 的 在小提琴中工作得很好，而不是在我的测试页面上 - 这就是冲突。

Answer 1

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

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

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