Question

So i have a toolbar that has a more button. When clicked a large panel is bought down with jquery. Only problem is both the toolbar and the large panel must be fixed to the top. Therefore the panel does not push down the toolbar when opened. When clicked the panel should be at the top, above the toolbar and the toolbar should be pushed down. Both should stick at the top of the page when scrolled so position:fixed is needed.

Here is a simplified jsfiddle.

Answer 1

By animating the top of the membersbar along with the slideDown of the submenu. Like so:

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);
});​