javascript - divに複数のjquery効果を持たせることはできますか？

Question

私はプッシュ通知を必要とする仕事のためのプロジェクトに取り組んでいます。機能は正常に機能しますが、プロジェクトリーダーは通知にUI効果を追加したいと考えています。

これを行うために、jqueryエフェクトを使用しています。

私の状況：

• このプッシュ通知の横に吹き出しのある正方形があります。
• それらは一緒に隠されている1divにあります。
• 必要に応じて、divが効果とともに表示されます。

私が本当に望んでいるのは、ブロックが滑り落ちて、0.5秒または1秒後にバルーンが展開またはスライドアウトすることです。

これを1つのdivで行うことは可能ですか、それとも2つの別々のdivを作成する必要がありますか？

または、別の方法で説明すると、サイズを設定することでdivの特定の部分のみが表示されるように、divに効果を設定できますか？（ピクセル0からピクセル150までを表示します。）

前もって感謝します ：）

編集：
サンプル画像

Answer 1

私はあなたの質問を部分的にしか理解していませんでした（視覚補助は良かったでしょう：D）、しかし私が得たのはあなたがキューに入れられた効果が欲しいということでした：

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

または並行して発生する効果：

jqueryにアニメーションを正確に並行して実行させるにはどうすればよいですか？

お役に立てば幸いです。私がマークから外れている場合はコメントしてください！

Answer 2

これは、div の高さを 0 から必要な高さまでアニメーション化することによっても、単一の div を使用して行うことができます。高さを制御することとは別にoverflow:hidden、div のように特定のスタイルを設定して、オーバーフローしたコンテンツが div 内に隠されるようにする必要があります。