jquery - jQuery/Javascript：从盒子后面拉出盒子

Question

我有 4 个盒子并排放置，我想这样当用户点击其中一个盒子时，一个新盒子会在它旁边滑出，将其他盒子推到右侧。

因此，如果单击第二个框，则一个新框滑出到右侧，将框 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