css - 如何使这个形状上下动画？

Question

我试图让这个形状代表车库门的打开和关闭。一旦我有了形状和指导，我就可以使其他 CSS(宽度、高度等)适合到位

非常感谢

Answer 1

使用这样的东西:

$(document).ready(function(){
    var closed = false;
    $("#openclose").click(function(){
        if (closed)
            $("#garage").animate({"height": 214, "width": 367}, 1000);
        else
            $("#garage").animate({"height": 10, "width": 367}, 1000);
        closed = !closed;
    });
});

fiddle :http://jsfiddle.net/praveenscience/q2534/2/