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

时间:2013-03-15 20:46:55

标签: javascript jquery html scroll

我有一个包含数据库内容的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; ?>但是你能抓住一般的想法。

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

1 个答案:

答案 0 :(得分:0)

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

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

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