Sometimes CSS animations using jQuery can not appear smooth or comes across jerky.
The reason for this is jQuery is animating the height of the container without including the padding that may be being applied.
The very simple solution is to wrap the content with a container that doesn’t have any padding.