javascript - 如何使用 jQuery 从上到下移动一个 div？

Question

我想制作这样的效果:点击一个按钮，顶部的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/

Answer 1

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