动画溢出隐藏

Question

我有这个作品，我想动画的div下降和上升，同时仍然显示的部分内容。参见在此小提琴工作。

$('button').click(function(){
    $('.wrap').animate().css({
        'overflow-y' : 'visible',
        'max-height' : 'initial'
    });
});

Answer 1

您的动画语句似乎不正确。下面的代码可以让您开始工作。还请参阅jQuery API文档中的示例。

 $('button').click(function(){
        $('.wrap').animate({ maxHeight: '400px' }, 3000 );
    });

但是，如果您想在按钮上上下滑动，那么jQuery切换方法可能更适合您。请参阅jQuery开关