var myDiv = $("<div></div>").css({height:"1em",overflow:"hidden"}).text(lotsOfText);

myDiv.click(function() {

      myDiv.animate({height:'100%'});

});

When the div is clicked, it doesn't animate.  It just pops open to the right size.  Is the problem because I'm going from "em" to "%"?  Is there some way around this?  I would use "px", but I have no idea how tall the div will be.

Any ideas?

Thanks in advance.

--

Tim