在点击特定位置时移动div图像数组

Question

我在DIV中包含了一系列图像

代码

<div id='brand'>
   <a href='#brand'><img src='brand.jpg' /> </a>
</div> 

<div id='fashion'>
   <a href='#fashion'><img src='fashion.jpg' /> </a>
</div> 

<div id='trend'>
   <a href='#trend'><img src='trend.jpg' /> </a>
</div> 

<div id='latest'>
   <a href='#latest'><img src='latest.jpg' /> </a>
</div> 

//显示就像

---

   BrandImage      FashionImage      trendImage     latestImage

---

如果我点击任何一张图片

我想要特定的布局（例如：点击trendImage）

               BrandImage     FashionImage     latestImage



 trendImage      Text About Image Clicked

---

我真的是从Jquery开始，所以我真的不太关心如何将点击的图像设置为起始位置并根据该图像显示文本并将上一个图像移动到上面。

- 的更新

我已更新了我的代码并创建为JSFIDDLE

JSFIDDLE

现在我可以首先点击div，但我需要为其设置动画并移动其他潜水并根据点击的链接显示文字

Answer 1

试试这个小提琴：http://jsfiddle.net/KjveG/