一个固定的div来推下另一个固定的div，两者都在顶部：0

Question

所以我有一个工具栏，有一个更多的按钮。单击时，使用jquery购买大面板。唯一的问题是工具栏和大面板必须固定在顶部。因此，面板在打开时不会按下工具栏。单击时，面板应位于工具栏上方的顶部，应按下工具栏。

时，两者都应该在页面顶部滚动，因此需要固定位置。

这是一个简化的jsfiddle。

Answer 1

通过动画成员栏的顶部以及子菜单的slideDown。像这样：

fiddle

$('#more').toggle(function() {
    //show its submenu
    $('.large').slideDown(500);
    $('.membersbar').animate({ top: '+=150' }, 500);
}, function() {
    //hide its submenu
    $('.large').slideUp(500);
    $('.membersbar').animate({ top: '-=150' }, 500);
});​