How to make this jQuery snippet work in Internet Explorer?

Question

If there was ever a time to hate IE, this is it. This code begins with a box with content. When the button is clicked, the box is supposed to drop down and fade-in.

Answer 1

I assume what you mean is that in IE, the item's height won't change. The element's height doesn't seem to get set to 0 properly. It works in my IE8 when I change

$('#test').height(0);

to

 $('#test').height(1);

I don't know why this is. The documentation on height() does not mention any IE specific quirks.