jQuery UI slide ease sibling push
I'm using jQuery UI's `slide` toggle effect to toggle a div:

    $("#link").click(function(){
        $("#targetDiv").toggle("slide", {direction: "up"}, 1000);
    });

Slide is the only effect that has the animation that I want, essentially, the div coming down from the top. I don't want `toggleSlide` because that sort of just changes the height of the element.

The only problem with `slide` is that it immediately pushes siblings around to the end positions: http://jsfiddle.net/XYDyy/2/

So is there some way to have sibling elements adjust their position as the animating div adjusts?

Any advice would be appreciated.
jQuery UI slide ease sibling push
===

I'm using jQuery UI's `slide` toggle effect to toggle a div:

    $("#link").click(function(){
        $("#targetDiv").toggle("slide", {direction: "up"}, 1000);
    });

Slide is the only effect that has the animation that I want, essentially, the div coming down from the top. I don't want `toggleSlide` because that sort of just changes the height of the element.

The only problem with `slide` is that it immediately pushes siblings around to the end positions: http://jsfiddle.net/XYDyy/2/

So is there some way to have sibling elements adjust their position as the animating div adjusts?

Any advice would be appreciated.