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開頭）