2012-04-17 2 views
2

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

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

http://jsfiddle.net/XPs2w/1/

+1

Вы всегда должны включать соответствующий код в ваш вопрос. Таким образом, если файл/страница, с которой вы связываетесь, перестает существовать, ваш вопрос все равно останется и может быть полезен другим в будущем. –

ответ

3

Проблема заключается в том, что содержание Вашего DIV является display: none на первый щелчок. Это означает, что ваш div по существу не имеет содержания, то есть он не имеет высоты. Таким образом, вы анимации от 0 до 0 высоты. После первого запуска анимации содержимое исчезает. Теперь, когда есть контент, анимация высоты фактически что-то делает.

О возможности было бы дать ему статическую высоту:

http://jsfiddle.net/XPs2w/2/

+0

Awesome. Это сделал трюк. Я предполагаю, что задержка и последующее «отсутствие» анимации - результат того, что машина должна фигурировать по высоте. СПАСИБО Джеймс! – techmaniac

Смежные вопросы