title: JQuery UI show/slide not working correctly
body: <p>The EDIT of all edits: after literally months working on it, the issue seems to be when some/all of the elements inside the current element are floated/absolutely positioned. This seems to interfere with the sliding.</p>
  
  <p>If you have this same problem, I wish you luck in resolving your issue.</p>
  
  <p>Original Post:</p>
  
  <p>Pretty simple really. I have several divs with several elements, and only one of these divs are shown at a time (the rest are hidden).</p>
  
  <p>When the user clicks "Next", the current div should hide by sliding to the left, and the next div should be shown by sliding in from the right (the actual logic is not an issue). </p>
  
  <p>When I tried doing this with .slideUp() and .slideDown() it worked beautifully. However, when trying:</p>
  
  <pre><code>$(oldBox).hide("slide", { direction: "right" }, 1000);
  </code></pre>
  
  <p>it doesn't work. I have JQuery UI linked to already, so that's not the issue.</p>
  
  <p>Any help would be much appreciated.</p>
  
  <p>EDIT: Link to JSFiddle: <a href="http://jsfiddle.net/NFyRW/" rel="noreferrer">http://jsfiddle.net/NFyRW/</a></p>
  
  <p>EDIT2: It words in JSFiddle; however, I've been unable to get it to work on my actual site. The JS is in a separate file, and is loaded in the header of each page (same header for every single page). </p>