jQuery/Javascript：從盒子後面拉出盒子

Question

我有4個盒子放在一起，我想讓用戶點擊其中一個盒子時，一個新盒子在盒子旁邊滑動，推動其他的在右邊。

所以如果第二個盒子被點擊，一個新盒子向右滑出，向右推盒子3 & 4。

這是我的箱子是如何設置： http://jsfiddle.net/g8YXK/1/

我有點不知道我應該怎樣編寫JavaScript或jQuery代碼開始。

應該提到，我想再次按下

Answer 1

我認爲這可能是你在找什麼爲：http://jsfiddle.net/r85WK/

它可能需要調整在這裏或那裏，取決於你希望一切工作，但你的大部分是什麼電子請求是在那裏建立的。

Answer 2

同一個箱子到「滑回」試試這個：

$("#boxes li a").click(function(){ 
    var box = $(this).parent().clone(); 
    $(this).append(box); 
});​ 

http://jsfiddle.net/hofo/btp8K/2/