jQuery Slide Left Animation
<p>I have four <code>div</code>'s or <code>td</code>'s and what I am trying to do is if I click on any one, then all of them slide left, the remaining three should disappear, and the one I clicked should remain.</p>

<p>I also want a neat animation effect.</p>

<p>I have tried this but it gives some error for style:</p>

<pre><code>//xControl is a link inside the td
$(xControl).parent().siblings().each(function fn() {
    setTimeout(function fn() {
        $(this).animate({ width: 'toggle' });
    }, 800);
});
</code></pre>

<p>I have also tried:</p>

<pre><code>$(this).hide("slide", { direction: "right" }, 500);
</code></pre>

<p>This doesn't work either.</p>

<p>What am I doing wrong?</p>
