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

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

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

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

 The Alpha06 мая 2012 г., 16:18
Что вы имели в виду под не гладким? Я думаю, что это работает отлично.
 deewilcox11 янв. 2013 г., 23:11
Рекомендую вам элегантность этого сценария!

Ответы на вопрос(2)

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

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

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

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

FIDDLE

Решение Вопроса

http://jsfiddle.net/BpMam/

Объяснить:

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

 06 мая 2012 г., 17:51
Если элемент имеет ширину 100% и его вытягивают из потока для измерения, он может больше не иметь правильную ширину (да, из-за обертывания). Это также приведет к неверному вычислению высоты («эй, этот div имеет высоту всего 20 пикселей, если он имеет ширину всей страницы»). Задавая явную ширину, давайте jQuery выполним правильный расчет и не позволяем div вытаскиваться из позиции из-за неправильной ширины.
 user1374606 мая 2012 г., 16:39
Да работает отлично :) спасибо за объяснение :)
 06 мая 2012 г., 17:38
Хорошо, но я все еще не понимаю. Почему по умолчанию (или явно)width:100% неисправна? Это все еще вычисляет к фактическому значению. Это связано с переносом текста?
 06 мая 2012 г., 17:24
Правильная ширина. Не произвольная ширина.
 06 мая 2012 г., 17:23
Должен согласиться, что установка.tab_content вwidth:400px работает, но объяснение в лучшем случае неполное, а может и ошибочное. Попробуйте установить.tab_content вwidth:200px и скачок возвращается. Предоставленное объяснение не может предсказать это, так почему?

Ваш ответ на вопрос