質問があります。私はこのサイトでしばらく作業していて、少しレンガの壁にぶつかりました。私はこれを数回考えてきましたが、どうすればよいかわかりません。
ページのコンテンツには5つの異なる構成があり、それらを切り替える必要があります。ユーザーがボタンをクリックすると、一連のアニメーションが発生し、最終的にボタンと上部が押されたものに置き換えられます。一番上にあったものは元の位置に戻るはずです（「ホーム」は常に一番上にあり、「バージョン情報」は常にそのすぐ下にある必要があります。現在のページの場合を除きます）。
私のサイトはここにhttp://www.logicanddesign.caあり、すべてのjavascriptが開いています。あなたたちが提供できるどんな助けも本当に助けになるでしょう。サイトを完全に書き直さずにやりたいのですが、それが唯一の方法ならやります。
さて、私が最初に指摘したいのは、button_click関数が画像を含むのではなく、画像に関連付けているということですdiv。divイベント処理にはタグを使用する方がよいでしょう。
次に、現在のボタンと押されたボタンのみを移動します。目的の効果を実現するには、ボタンをとのデフォルト位置の間で移動する必要がありbuttonPressedますcurrentPage。
moveUpさらに、押されたボタンの機能を静的に定義することはできません。押したボタンと現在のボタンの間でボタンを上に移動する必要がある場合があるためです。
div明らかなように、 sをアニメートするように設定するときは、中間の動きを考慮する必要があります。おそらくmoveDivs関数内。
必要な効果を達成するためにどのような変更を加えることができるかを表すフィドルを作成しましたが、私が書いたものは混乱しているように感じます。悪夢に値する一種の混乱、本当に...
私の意見では、アニメーションと動きを処理するためのjavascriptクラスを作成できます。クラスを作成すると、コードがはるかにクリーンになり、コードを壊すことなくボタンを無期限に追加できます。