jquery - jQuery/Javascript: 箱の後ろから箱を引き出す

Question

私は 4 つのボックスを隣り合わせに配置しており、ユーザーがボックスの 1 つをクリックすると、新しいボックスがその横にスライドして、他のボックスを右に押し出すようにしたいと考えています。

したがって、2 番目のボックスをクリックすると、新しいボックスが右にスライドし、ボックス 3 と 4 が右に押し出されます。

これが私のボックスのセットアップ方法です: http://jsfiddle.net/g8YXK/1/

Javascript や jQuery のコードをどこから書き始めればよいのかわかりません。

同じボックスをもう一度押したときに「スライドバック」したいことを言及する必要があります

score 3 · Accepted Answer

これはあなたが探しているものかもしれないと思います: http://jsfiddle.net/r85WK/

すべてをどのように機能させたいかによって、あちこちで微調整が必要になる場合がありますが、求めているものの大部分はそこに組み込まれています。

score 0 · Accepted Answer

これを試して：

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

2 に答える 2