JQuery slideDown не является гладким

У меня есть этот эффект слайд-эффекта jQuery http://jsfiddle.net/Gg4eP/2/

Но анимация негладкая? Что я делаю неправильно?

Спасибо за ваше время.

Ответ 1

Вам просто нужно добавить ширину для каждого расширяемого div.

http://jsfiddle.net/BpMam/

Объяснить:

jQuery не знает размеры вашего скрытого div до его отображения. Поэтому, когда он щелкнул по нему, он фактически вытащил его из положения, чтобы его измерить, прежде чем быстро его заменить. Это часто имеет побочный эффект, вызывающий некоторую дремоту. Установка ширины элемента не позволяет jQuery вытащить его из положения.

Ответ 2

Некоторые браузеры не особенно любят текст, который автоматически обертывается при анимации, и он становится немного рывким, когда он пытается определить высоту элемента.

Попробуйте форматировать текст в соответствии с элементом и посмотреть, помогает ли это.

Я действительно сделал это для вас, проверьте, разрешает ли это FIDDLE?

Возможно, будет работать, чтобы придать скользящим элементам фиксированную высоту?

FIDDLE