CSS/jQuery:当另一个div滑入时,降低溢出div的高度

Question

这是我的小提琴http://jsfiddle.net/vZjnd/

鉴于事实

.wrapper高度是固定的.

.main是overflow-auto.

.slide内容是可变的,因此高度不时变化.

我的目标是

.slide占据.wrapper的一部分.main要被推高(高度减少)

任何的想法？

Answer 1

这是我的解决方案:

$('#up').click(function() {
    $('.slide').slideUp(function() {
        $('.main').height($('.main').height() + $('.slide').height() + 'px');
    });
});

$('#down').click(function() {
    $('.slide').slideDown(function() {       
        $('.main').height($('.main').height() - $('.slide').height() + 'px');
    });
});

代码:http://jsfiddle.net/vZjnd/5/

您可以使用animate它来使它更顺利.