jQuery slideToggle jumps around

Question

I\'m using the jQuery slideToggle function on a site to reveal \'more information\' about something. When I trigger the slide, the content is gradually revealed, but is loc

Answer 1

I had the same problem with the .slideToggle, and BenAdler is right. Put everything you want to toggle in a div, and set the style for the div to something that contains overflow:hidden and position: relative. It will work fine after that.

Answer 2

This is just a shot in the dark, but if the function is manipulating the height css property of your element(s), according to this site you have to separate the padding and display:none in your css to keep it from jumping

Answer 3

Solved by adding to the toggled div:

overflow: hidden; position: relative; 

Answer 4

Try messing with how the element is positioned/displayed/floated. I've had similar problems which were solved by playing with those settings.

Answer 5

had the same problem , found a problem maybe someone else had it .

if you have min-height -> than you have a problem with slideToggle

Answer 6

I've encountered the same error, solved it by positioning the element with position: relative; width: 709px; The fixed width did the trick.