jquery run function when div obtains display:none;
<p>I have a dropdown menu that works via</p>

<pre><code>#id ul li ul {
display: none;
}

#id ul li:hover ul {
display: block;
}
</code></pre>

<p>and this works fine except i have a li inside the shown ul (#id ul li ul li)</p>

<p>this ul has a .click jquery event assigned to it that,</p>

<p>when it is click it adds four anchor tags inside itself and replaces its content</p>

<p>so it goes from</p>

<pre><code>() = li
[] = anchor
([Export])
</code></pre>

<p>to </p>

<pre><code>([Export Draw 1]  
[Export Draw 2]  
[Export Draw 3]  
[Export Draw 4]  
[Export All]
</code></pre>

<p>this works fine, except</p>

<p>when the state changes from #id ul li:hover ul to #id ul li ul i need to change the content back to <code>([export])</code></p>

<p>i tried doing it on mouse leave of #export but it seems as if #export does not know its height as it is only the height of the single li</p>
