I tried to slide in and out a DIV with the toggle function of jQuery but the result is always jumpy at the start and/or end of the animation. Here\'s the js code that I use:
There are obviously a lot of different solutions to this issue - and depending on your layout, different solutions have different results.
Here was what I had (stripped down)
Text
When I would use jQuery to show I thought it was strange since they were in different My solution was to eliminate the margin on the bottom of the This workaround solved my problem, can probably be applied to others, but may not work for all. element would collapse with the margin of the element above it.
.. Having a margin on one side prevents the margin from the bottom of the first from collapsing with the top of the second .