jQuery / Javascript:从框后面拉出框

时间:2012-08-02 15:01:35

标签: jquery animation slide

我有4个盒子彼此相邻放置,我想这样做,当用户点击其中一个盒子时,一个新盒子会在它旁边滑出,将其他盒子推到右边。

因此,如果单击第二个框,则新框向右滑动,按下框3和4在右边。

这就是我的盒子设置方式: http://jsfiddle.net/g8YXK/1/

我有点不知道从哪里开始编写Javascript或jQuery代码。

应该提一下,我想让它在再次按下同一个盒子时“向后滑动”

2 个答案:

答案 0 :(得分:3)

我认为这可能是您正在寻找的内容:http://jsfiddle.net/r85WK/

可能需要在这里或那里进行调整,具体取决于您希望一切工作的方式,但您要求的大部分内容都是在那里构建的。

答案 1 :(得分:0)

试试这个:

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

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