javascript - クエリ内のリンクをクリックしたときに、ページ全体ではなく div のみをアニメーション化する

Question

jQuery、CSS、HTML を使用してサイトを開発しています。ページの左側には、常に表示される静的メニューとコンテンツ div があります。今すぐメニューのリンクを押すと、ページ全体がアニメーション化され、左にスライドして、メニュー要素が href を使用してリンクしている div が表示されます。コンテンツ div のみがアニメーション化され、置き換えられるように、これを変更したいと思います。これは可能ですか？

よろしく

Answer 1

はい、可能です。いくつかのコードがなければ、私があなたに提供できることはあまりありません。これは私が得ることができるのと同じくらい一般的です：

$(".menuLink").click(function() {
    var linkedContent = ...identify the content being moved into view...
    var currentContent = ...identify the content being moved from view...

    var moveOldTo = "-=" + currentContent.width() + "px";
    //assuming your content divs are relatively positioned
    currentContent.animate({ left: moveOldTo }, 1000);

    var moveNewTo = "-=" + linkedContent.width() + "px";
    linkedContent.animate({ left: moveNewTo }, 1000);
});