You know how jquery’s slide effects can be a little jerky/jumpy sometimes? Well after much searching, I’ve found the solution. Usually, you would put something like this in the html and css:

<div id="search">
Content here!
</div>

#search {
width: 100%;
padding: 30px 0;
}

The padding and/or margin on the collapsing div cause the jumping effect. However, we can circumvent this simply by revising our code slightly:

<div id="search">
<p>Content here.</p>
</div>

#search {
width: 100%;
}
#search p {
padding: 30px 0;
}

This seems to fix the problem, with a minimal amount of extra code.