Question

我一直试图创建一个Div＆＃39;向下滑动＆＃39;现在效果已经有一段时间了，我发现这个JS Fiddle给出了一个我想要的例子; http://jsfiddle.net/L5P2Y/368/。它使用此代码：

$(document).ready(function() {
    var $cont;    
    function tgl_conts(){
        $('.content').stop().animate({height: 0},1200);
        $cont.stop().animate({height:210},1200);
    }

    $('.tab').on('click',function(){
        var tabClass=$(this).attr('class').split(' ')[1];
        $cont = $('.'+tabClass+':not(.tab)');
        var h = ($cont.height() === 0) ? tgl_conts() :  ( $cont.stop().animate({height: 0},1200) );  
    });

});

我已将所有代码（包括HTML和CSS）复制到我自己的文档中，希望我可以将其操作到我想要的内容中。我所拥有的只是JS Fiddle上的这个确切代码，但我仍然无法使JavaScript工作，尽管它在这个例子中工作得很好。我已经将它粘贴在两个脚本标记之间的头标记之间，但它仍然无法正常工作。为什么它不起作用？它在错误的地方吗？我是JavaScript的新手。

由于

Answer 1

您需要在页面上加载jQuery 1.7后加载代码段

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

<script>
// you're code
</script>

Div滑动效果的Javascript代码？

1 个答案: