Jquery:单击时向下滑动菜单

Question

我想创建一个订单。我有以下内容:

如何让它上下滑动动画？我知道函数 .slideDown()/.slideUp() 或 .slideToggle。但我也想为按钮设置动画。所以，这对我来说越来越困难了。

第二个问题:没有图片能实现吗？

Answer 1

将 jquery animate 用于 margin-top。它看起来比动画高度更好:

 $("#handler").click(function(){    

$('#opener, #closer').toggle();

var container = $( "#container" ),
    mt = container.css('margin-top').split('px')[0],
    op = (mt<0)?'+=169px':'-=169px';

 container.animate({
        'margin-top': op
    }, 500); 
});

这是一个例子:JSFiddle