[jQuery] Animate children of element?
What I have is a simple series of divs, and in the divs I have a few
items of content, here's an example:
<div class="block in-focus">
<h3>Corporate Responsibility</h3>
<img src="place1.png" width="133" height="95">
Lorem ipsum dolor sit amet. Sit amo mortus amorte.
</div>
Now I have CSS tied to the container CSS. So the h3, p, and img all
look slightly different if the "in-focus" is present or not.
If I run a standard:
$(".in-focus").removeClass("in-focus",500);
I can see it resize the container, but the contents don't change until
the animate completes. Is there some way to tie the interior elements
to the animation or do I need to do multiple animates to create that
effect?
Thanks
-- Patrick