<p>So this might be really simple, but I haven't been able to find any examples to learn off of yet, so please bear with me. ;) </p>

<p>Here's basically what I want to do:</p>

<pre><code>&lt;div&gt;Lots of content! Lots of content! Lots of content! ...&lt;/div&gt;

.... 

$("div").html("Itsy-bitsy bit of content!");
</code></pre>

<p>I want to smoothly animate between the dimensions of the div with lots of content to the dimensions of the div with very little when the new content is injected.</p>

<p>Thoughts?</p>

maybe something like this?
```
```
$(".testLink").click(function(event) {
    event.preventDefault();
    $(".testDiv").hide(400,function(event) {
        $(this).html("Itsy-bitsy bit of content!").show(400);
    });
});
```
```
Close to what I think you wanted, also try slideIn/slideOut or look at the UI/Effects plugin.