如何使用jQuery从上到下移动div?

时间:2016-03-14 11:08:57

标签: javascript jquery html css

我想做一个效果:单击一个按钮,顶部div将隐藏,然后底部div将从上到下滚动。

我已经完成了隐藏顶部div,但它没能让底部div下降(?

我想也许是因为我的css和js出了问题(?),但我不确定,而且我已经多次修改了。 =(

这是我的javascript代码:

$(function(){

        $("#btn1").click(function(){
            $(".slot-top").hide();
            $("#slot ul").animate({ top: "0em" },1500);
            return false;
        });

    });

这是我的代码:https://jsfiddle.net/b1mj1c1L/

1 个答案:

答案 0 :(得分:2)

搞砸了jQuery Selector。 而不是$("#slot ul").animate({ top: "0em" },1500);使用$(".slot").animate({ top: "0em" },1500);。 见这里:https://jsfiddle.net/b1mj1c1L/1/