单击图像时如何在另一个Div中显示相关内容

Question

我有一个div区域（用于主滑块。但是内部不会滑动）。 在这个div区域下有一个选项卡系统。

在这些选项卡中有1-6张图像（每个选项卡中还有另一张图像（1至6张图像）

当我单击这些图像之一时，我想在上面的该Div区域中显示相关的内容/照片等。

我怎样才能做到这一点？ 有什么例子吗？ 有什么线索吗？

我尝试使用jquery进行显示/隐藏，切换等操作，但是例如，我找不到如何在html内保持那些大div不可见的方式（我尝试使用css“ display：none;”，但在我看来这还不够明智），并且在其位置调用它们（在选项卡系统上方）

PS：显示图像时，其他图像必须隐藏。

Answer 1

在这里，您显然是demyr，您将不得不根据自己的实际需求进行修改：

http://jsfiddle.net/S4LGr/1/

没问题，这里是更新的代码，根据需要进行编辑，您应该真正可以从这里获取它：

http://jsfiddle.net/S4LGr/3/

我更改了这张图片，以便您可以实际看到它的发生，与ford.ca非常相似：

http://jsfiddle.net/S4LGr/5/

在这里，您可以将所有碎片汇集在一起​​：

http://jsfiddle.net/S4LGr/9/

totallyFeelLikeIdidYourHomeWork大声笑，您欠我一杯啤酒！

Answer 2

您可以在所有图像/文本上绑定功能，以将相关图像/文本加载到详细信息div。 像这样的小提琴： http : //jsfiddle.net/9jc46/