jQuery UI show/hide
<p>I'm making a sliding div with jQuery UI, but i have a problem.</p>

<p>I have an outer DIV and 2 inner DIV that are left floated. On the first inner DIV i have the sliding effect.</p>

<pre><code>&lt;div id="outer"&gt;
    Outer Div
    &lt;p&gt;&lt;a href="#" id="SlideOut"&gt;Slide Out&lt;/a&gt;&lt;/p&gt;
    &lt;p&gt;&lt;a href="#" id="SlideIn"&gt;Slide In&lt;/a&gt;&lt;/p&gt;

    &lt;div id="inner"&gt;inner&lt;/div&gt;
    &lt;div id="inner2"&gt;inner2&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<hr>

<pre><code>    $("#SlideOut").click(function(){
    $("#inner").hide("slide",{direction: 'left'},1000);
});

$("#SlideIn").click(function(){
        $("#inner").show("slide",{direction: 'left'},1000);

});
</code></pre>

<p>The problem is that the second DIV doesn't follow the first div.</p>

<p>It is hard to explain, so here is a fiddle where u can maybe understand better my problem.
<a href="http://jsfiddle.net/xFx26/1/" rel="nofollow">http://jsfiddle.net/xFx26/1/</a></p>

<p>In short, i want that the second inner div will slide together the first inner div.</p>
