У вас есть более 1 эффекта jquery на div?

Question

Я работаю над проектом, требующим push-уведомлений. Функциональность работает отлично, но руководитель проекта хочет добавить дополнительные эффекты ui к уведомлениям.

Для этого мы используем эффекты jquery.

Моя ситуация:

• У меня есть этот толчок уведомление, что имеет квадрат с речевым аэростата рядом с ним.
• Они находятся в 1 div вместе, который скрыт.
• При необходимости, div отобразит эффект.

Что мне действительно нужно, так это то, что блок сползает вниз, а через 0,5 или 1 секунду воздушный шар разворачивается или выдвигается.

Это можно сделать в одном div или мне нужно сделать 2 отдельных divs?

Или, может быть, описать его по-другому, можете ли вы установить эффект на div, чтобы он отображал определенную часть div, задавая размеры? (Показать пиксель 0 до пикселя 150 или что-то.)

Заранее спасибо :)

Edit:
Пример изображения

Answer 1

Вы можете сделать это с помощью одного DIV также анимировать высоту от div от 0 до требуемой высоты. Помимо управления высотой вам нужно установить определенные стили, также как overflow:hidden на div, чтобы переполняющий контент скрывался внутри div.

Answer 2

я только частично понял ваш вопрос (наглядные пособия было бы хорошо: D), но то, что я получил то, что вы либо хотите, поставленные в очередь эффекты:

http://api.jquery.com/queue/

или эффекты происходят параллельно:

How can I get jquery to execute animations in exact parallel?

Надеюсь, что это поможет. Комментарий, если я не знаком!