jquery progressive fade in
<p>I'm changing the value of a div when a user clicks on a control and I'm writing this:</p>

<pre><code>$('#MyDiv').html(TheText);
$('#MyDiv').hide().fadeIn(1000);
</code></pre>

<p>The problem is that if the user clicks repeatedly on the control that triggers this code, MyDiv eventually disappears. I tried adding .stop() like this:</p>

<pre><code>$('#MyDiv').stop().hide().fadeIn(1000);
</code></pre>

<p>but overall, the MyDiv still disappears.</p>

<p>What do I need to change?</p>

<p>Thanks.</p>
