このウェブサイトのようなスライド パネルの同様のアニメーションを作成したいと思います: http://www.grano.hu/
ブラウザの左側に固定された垂直サイド バーのメイン ナビゲーション div があり、リンクをクリックすると、後ろからセカンダリ ナビゲーション バーが右にスライドして、メイン ナビゲーション バーのすぐ隣に表示されます。このセカンダリ ナビゲーション バーにはリンクもあり、クリックすると、コンテンツを含む最後の 3 番目の div の後ろから右にスライドします (上記の Web サイトのように)。
セカンダリ バーの別のリンクをクリックすると、コンテンツ div が左にスライドして非表示になり、すぐに別のコンテンツ div が右にスライドして置き換えられます。
また、固定メイン ナビゲーション バーからのリンクをクリックすると、現在のコンテンツ div が左にスライドし、その後すぐにセカンダリ ナビゲーション メニューも左にスライドして戻り、表示されるパネルが固定メイン ナビゲーション メニューだけになるようにする必要があります。対応する別のセカンダリ ナビゲーション パネルがすぐに右にスライドします。
私はjQueryが初めてで、これを構造化する方法を理解していないので、助けていただければ幸いです。
基本的に、上のサンプル Web サイトのようにナビゲーション パネルをスライド インおよびスライド アウトしたいのですが、各パネルの右上にある閉じるアイコンをクリックしてパネルを折りたたむ代わりに、これらの機能を自動的に実行したいと考えています。
ご協力ありがとうございました！