<p>I'm having some minor problems with some animations I'm trying to set up.  I have a couple divs stacked on top of each other kind of like this.</p>

<pre><code>&lt;div id="div1"&gt;
   Stuff...
&lt;/div&gt;
&lt;div id="div2"&gt;
   More Stuff...
&lt;/div&gt;
</code></pre>

<p>Each of these divs has a drop shadow applied to it via jQuery plugin (jquery.dropshadow.js).</p>

<p>The problem occurs when I expand one of the divs using some kind of animation.  The shadow does not update with the size of the div.  I can redraw the shadow in the callback of the animation but still looks pretty joggy.</p>

<p>Is there a way that I can update the status of my shadows periodically throughout the course of the animation or can anyone recommend a better drop shadow library that would fix the problem?  It doesn't have to be jQuery plugin.</p>

Ok, I still don't know how you animate, but I give you another example:
```
```
$('#foo').slideToggle().ready(function(){
  $('#foo').dropShadow(options); 
});
```
```
So, instead of
```
slideToggle
```
, just use whatever animation
thingy
you got.
Hope that helps.