title: jQuery toggle div: have below content to slide "gently"
body: <p>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.</p>
  
  <pre><code>$('.toggle').click(function() {
      var $toggled = $(this).attr('href');
  
  $($toggled).siblings('.gallery:visible').hide();
      $($toggled).toggle("slide", {direction: 'up'}, 750);
      return false;
  });
  </code></pre>
  
  <p>How can I have the content below to slide "gently" (as content of toggled div does)? Thanks in advance! :-)</p>