Javascript 在一个div上可以有多个jquery效果吗？

我正在做一个需要推送通知的项目。 该功能运行良好，但项目负责人希望在通知中添加额外的ui效果

为此，我们使用jquery效果

我的情况：

• 我有一个推送通知，旁边有一个方形的语音气球
• 它们一起被隐藏在一个分区中
• 如果需要，div将显示一个效果

我真正想要的是，气球块向下滑动，0.5秒或1秒后，气球将展开或滑出

这是可以在一个div中完成的，还是我必须做两个单独的div

或者用另一种方式来描述它，你能在一个div上设置效果，这样通过设置大小它只能显示div的某一部分吗？（显示像素0直到像素150或更高。）

提前感谢：）

编辑：
示例图像

---

也可以使用单个div将div的高度从0设置为所需的高度。除了控制高度外，您还需要在div上设置某些样式，如

溢出：隐藏

，以便溢出的内容隐藏在div内。

我只部分理解了您的问题（视觉辅助工具很好：D），但我得到的是，您要么想要排队效果：

或平行发生的影响：

---

希望有帮助。如果我偏离了目标，请发表评论

为了提供帮助，您可以提供当前情况的代码示例吗？您不能隐藏容器+框+气球，然后显示容器，然后为框设置动画，然后为气球设置动画吗？目前还没有代码。现在我只是想知道我想要的是否可能，我会给出一个完整通知的屏幕截图^^^谢谢你的编辑，让问题变得更清楚。好吧，我发布了一些东西以获得一些视觉帮助；）糟糕的是，我不能接受多个答案xD，这两个答案都非常有用，所以我只选了第一个贴出来的答案；）