我有4个盒子彼此相邻放置,我想这样做,当用户点击其中一个盒子时,一个新盒子会在它旁边滑出,将其他盒子推到右边。
因此,如果单击第二个框,则新框向右滑动,按下框3和4在右边。
这就是我的盒子设置方式: http://jsfiddle.net/g8YXK/1/
我有点不知道从哪里开始编写Javascript或jQuery代码。
应该提一下,我想让它在再次按下同一个盒子时“向后滑动”
答案 0 :(得分:3)
我认为这可能是您正在寻找的内容:http://jsfiddle.net/r85WK/
可能需要在这里或那里进行调整,具体取决于您希望一切工作的方式,但您要求的大部分内容都是在那里构建的。
答案 1 :(得分:0)
试试这个:
$("#boxes li a").click(function(){
var box = $(this).parent().clone();
$(this).append(box);
});