title: How to slide tabs in and out together like a carousel
body: <p>I'm trying to make the slides within jQuery UI tabs look as if they're next to each other and somewhat attached. I think I'll be able to achieve this by running the show and hide animations at the same time.</p>
  
  <p>Currently jQuery slides the current panel out and then the next one. How can I slide out the current panel while at the same time slide in the next one?</p>
  
  <pre><code>$("#tabs").tabs({
  hide:{effect:"slide", direction:"right"},
  show:{effect:"slide", direction:"left"}
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/CnEUh/2372/" rel="noreferrer">http://jsfiddle.net/CnEUh/2372/</a></p>
  
  <p>I want to start both the <code>hide:</code> and <code>show:</code> effects at the same time rather than one after the other</p>