Passing a variable specifically from one function to another in jquery without making it global
<p>I am looking for some help in a jquery script I am in the process of creating, ill try and break it down in plain english.</p>

<p>The script works off the back of a grid utilised via a <code>&lt;ul&gt;&lt;/ul&gt;</code> element, each <code>&lt;li&gt;&lt;/li&gt;</code> forms the individual component of the grid.</p>

<p>If you hover over a list-item the jquery script will then expand that element to take up the entire dimensions of its parent through an animation. It stays there until the cursor is moved off and should resize itself back to its original position and it is there which I am having my problem (it seems the variable from the expand function is not passing properly into the shrink function).</p>

<p>Hopefully that helps give a brief understanding, if not please view the jsfiddle example</p>

<p><a href="http://jsfiddle.net/EzYeH/3/" rel="nofollow">http://jsfiddle.net/EzYeH/3/</a></p>

<p>Thank you in advance anyone who could decode my ramblings and help.</p>

<p>Dan.</p>
