一个 div 上可以有超过 1 个 jquery 效果吗？

Question

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

为此，我们使用 jquery 效果。

我的情况：

• 我有一个推送通知，其中有一个正方形，旁边有一个语音气球。
• 它们位于隐藏的 1 个 div 中。
• 如果需要，div 将显示效果。

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

这可以在一个 div 中完成吗？还是我必须制作 2 个单独的 div？

或者也许用不同的方式描述它，您可以在 div 上设置效果，以便通过设置大小仅显示 div 的特定部分吗？ （显示像素 0 到像素 150 或其他内容。）

提前致谢:)

编辑：
示例图像

Answer 1

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

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

或并行发生的效果：

如何让 jquery 完全并行地执行动画？

希望有帮助。如果我不合时宜评论！

Answer 2

您也可以使用单个 div 来完成此操作，方法是将 div 的高度从 0 动画到所需的高度。除了控制高度之外，您还需要在 div 上设置某些样式，例如 overflow:hidden ，以便溢出的内容隐藏在 div 内。