单击查询中的链接时，仅动画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);
});