I know jquery sometimes has a problem calculating the heights of elements that have padding/margins which can cause jumpy animations when using slideDown.
Unfortunately I have now come across the same problem without using margins/padding and I've managed to create a very simple test case which demonstrates that it's happening on even the simplest of unstyled pages. http://83.138.132.232/test.htm Click the heading to make the text slide up and then click it again to make it slide down. You'll see that it gets to the height that it would have been if the width:700px wasn't there and then jumps the rest. Unfortunately, the element I want to slide has to be inside my main template which has widths set so I'm at a loss as to how to get round the problem. Any help would really be appreciated. Jon