javascript - jQuery toggle div: have below content to slide "gently"

Question

I use this script to toggle a div with an animation. It works like a charm, except that the content below the div to toggle moves jumpy when .click is triggered.

$('.toggle').click(function() {
    var $toggled = $(this).attr('href');

$($toggled).siblings('.gallery:visible').hide();
    $($toggled).toggle("slide", {direction: 'up'}, 750);
    return false;
});

How can I have the content below to slide "gently" (as content of toggled div does)? Thanks in advance! :-)