Можете ли вы иметь более 1 эффекта jquery на div?

Question

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

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

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

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

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

Возможно ли это сделать за один дел или мне нужно сделать 2 отдельных дел?

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

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

Изменить:
Пример изображения

Answer 1

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

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

илипроисходят параллельно:

Как получить jquery для точного параллельного выполнения анимации?

Надеюсь, это поможет.Прокомментируйте, если я не в порядке!

Answer 2

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