Slide out text to left using jquery
<p>I have 3 icons on a page side by side.  What I am wanting is when a user hovers over the icon a small text span slides out to the left.</p>

<p>So that (no hover):
[IMG]</p>

<p>Hover (text slides out): SOME TEXT [IMG]</p>

<p>I am using this code for each icon:</p>

<pre><code>&lt;div class="cgs"&gt;&lt;span class="cgstext"&gt;1. Connect&lt;/span&gt;&lt;a href="#"&gt;&lt;img src="images/cgs/connect70h.png" width="69" height="70" alt="Connect"&gt;&lt;/a&gt;&lt;/div&gt;
</code></pre>

<p>If the icon was on the left and text on the right I would simply use jQuery animate to extended the outer div...but I'm not exactly sure what to do to make the span on the left slide out to the left.  I would prefer it to slide out gracefully and if it is in between 2 icons the space to expand gracefully (and contract gracefully on hover out) if possible.</p>

<p>Any help is appreciated!</p>
