Jquery Slide to position on click
<p>Here's a scenario...</p>

<p>I have a column.  In the column i have multiple divs with text inside each one.  A bit like a list of categories.  Which ever one is SELECTED gains a different background colour.</p>

<p>What i would like to be able to do is use jquery so that when a different div is clicked on the background colour appears to slide behind the rest of the items until it reaches the one you selected.</p>

<p>Does anyone have any idea if this can be done?  And if so any idea on Markup?</p>

<p>Any help is greatly appreciated.</p>

<p>There would be need to be a wrapper, a content container for each part and something that slides...</p>

<pre><code>&lt;div&gt;
  &lt;div class='slider'&gt;&lt;/div&gt;
  &lt;div&gt;Content 1&lt;/div&gt;
  &lt;div&gt;Content 2&lt;/div&gt;
&lt;/div&gt;
</code></pre>
