slideAndPushではなくjquery slideDown

Question

divがあり、slideDownへのリンクをクリックします。ただし、期待どおりに機能するので、他の要素も押し下げずにスライドして開くことを好みます。他のレイヤーの上にあるレイヤーのように。これは可能ですか？

Answer 1

それは可能ですが、完全に単純ではありません。 ここ（動画のホバーオーバー）。

概念は基本的に次のとおりです。

1. 現在の要素に相対的な位置を設定します（フローティングしている要素、またはより意味がある場合はその親）。これは、CSSで静的に設定できます。
2. 新しい要素を作成し、同じサイズで同様にスタイルを設定し、position:absoluteおよびz-index:...
を使用して現在の要素のすぐ上に配置します
3. slideDownを使用して（または、最も意味のあるものに応じて高さを変更します）、コンテンツの残りの部分の上に配置する必要があります

Answer 2

要素をフローティングしてみてください。 divの場合は、互いにスライドする必要があります。