title: jQuery UI - Slide Out and Push Adjacent Content Over
body: <p>I'm fairly new to jQuery UI and I'm trying to do a simple animation. When the animation is triggered, I want a button to slide out and push any content next to it over to fill in the space. </p>
  
  <p>Using the slide animation, I've managed to get the button to slide out, but the content pops into the new position rather than being pushed over by the sliding button. As an added problem, the button seems to pop into it's full size after finishing the slide animation.</p>
  
  <p><strong>Q: How do I show an slide an object out while sliding over content that current occupies that space?</strong> </p>
  
  <p><strong>JSFiddle</strong>
  <a href="http://jsfiddle.net/Dragonseer/z8mAY/" rel="nofollow">http://jsfiddle.net/Dragonseer/z8mAY/</a></p>
  
  <p><strong>Current Code</strong></p>
  
  <pre><code>$("#deleteButton").hide();
  $("#editButton").click(function()
  {
      $("#deleteButton").toggle("slide", { direction: "right" }, 1500);                          
  });
  </code></pre>