jQuery - 水平滚动选择

Question

我在容器中有两张照片，照片下方有一个按钮选择器栏。我希望能够选择一个按钮，并且2张图片将更改为下一行。

它就像一个carousal，但不是1个picture / div更改，而是2，我希望能够让它们滑动以获得动画效果：

所以，当我选择红色旁边的按钮时，pictures / div将变为2和3，然后是3和4，然后是4和5，然后是5和6 ......你得到了这个想法。< / p>

无论如何，这是我的代码：

• HTML
• JavaScript
• jsFiddle

关于如何实现这一目标的任何想法？

Answer 1

jQuery有一个隐藏方法，允许您将元素滑入和滑出显示。

所以我会为每组图像创建容器div，即显示一对。当你的导航按钮（沿着底部）被击中时，隐藏当前显示的容器并显示下一个容器。

有关更多详细信息，请参阅jQuery API http://docs.jquery.com/UI/Effects/Slide。但它允许方向，左/右。和模式，显示/隐藏