jquery - 一个固定 div 向下推另一个固定 div，两者都在顶部：0

Question

所以我有一个带有更多按钮的工具栏。单击时，用 jquery 购买了一个大面板。唯一的问题是工具栏和大面板都必须固定在顶部。因此面板在打开时不会向下推工具栏。单击时，面板应位于顶部，工具栏上方，工具栏应被按下。滚动时两者都应该贴在页面顶部，因此需要 position:fixed 。

这是一个简化的jsfiddle。

Answer 1

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

小提琴

$('#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);
});​