Объединение j.truncate в div с анимацией marginLeft в тегах div P jQuery

Question

Я пытаюсь использовать анимацию marginLeft для текста внутри div, который сам по себе анимируется с помощью j.truncate, но, похоже, он не работает.

J truncate работает нормально для меня, и поэтомуу меня осталось поле для анимации, но в совокупности они еще не работают.

Есть какие-нибудь ответы?

Вот сам j.truncate http://jsfiddle.net/cress/QLgqe/19/ (использовал другой текст)

Вот сама анимация http://jsfiddle.net/cress/pZ6aL/2/

Вот комбинация j.truncate и animate http://jsfiddle.net/cress/mGnvu/10/

Answer 1

Вашей первой проблемой были небольшие синтаксические ошибки, которые я исправил для вас в скрипте ниже.

Во-вторых, ваш DOM был изменен - ​​плагин jTruncate изменяет DIV, на который он действует, так что селектор $('#works > p') больше не работает. Изменение его на $('#works p') исправит ситуацию, но не всегда будет достаточно конкретным; изменение его на $('#works span.truncate_more > p') решило все.

http://jsfiddle.net/mblase75/mGnvu/12/