jQuery UI幻灯片内容，新内容

Question

我正在努力实现这一目标：

http://i.imgur.com/fQM4ZR8.gif

使用jQuery UI | Slide

我遗憾地没有代码可以提供修复，我正在寻找你可以给我如何实现这一目标的任何方向。它需要向左移动一段距离，然后返回到它的初始起始位置并显示与它们点击的锚点相关的内容。对于没有代码开头道歉，我对JavaScript很新。

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

感谢。

Answer 1

使用.animate()函数更容易，因为它为动画提供了回调函数

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

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

工作示例：http://jsfiddle.net/JMqpe/1/

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