jQuery UI滑出内容，插入新内容

我正努力做到这一点：

使用|

遗憾的是，我并没有代码可以修复，我正在寻找任何方向，你们可以给我如何实现这一点。它需要向左移动一段设定的距离，然后返回到它的初始起点，并显示与它们单击的锚相关的内容。很抱歉没有代码，我对JavaScript相当陌生

非常感谢您提供的任何帮助或建议

谢谢。

使用

.animate（）

函数更容易，因为它为动画提供了回调函数

$(function () {
    var wid = $('.content').width(); 
    $('.content').animate({"margin-right": "-" + wid + "px"}, 500, function ()   {

        $(this).text("new content");
        $('.content').animate({"margin-right": "0px"}, 500);
    });
});

工作示例：

这段代码会将框一直向右移动（大小与宽度相同），更新内容，现在它已隐藏，然后返回到其原始位置（假设它的右边距开始时为0）