javascript - 你可以对一个 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 设置为所需高度。除了控制高度之外，您还需要overflow:hidden在 div 上设置某些样式，以便将溢出的内容隐藏在 div 内。