在DIV上隐藏/显示并显示所选块的脚本

Question

我有一个包含6个块菜单选项的页面，当您单击一个页面（例如'4'）时，它会在DIV对面显示块4内容，并显示该块如箭头所选。

当你点击另一个块（例如'1'）时，它将取消选择4，然后在DIV中选择1显示块1的内容。

我正在寻找最好的脚本来做到这一点在JS或jQuery。我猜想我可以将块作为列表菜单构建，选中时CSS将用箭头显示图像。

感谢

更新：这是它的外观像一个样机：

Answer 1

另一种选择，而不是建立自己或jQueryUI的标签，我宁愿jQuery的工具标签：

http://flowplayer.org/tools/tabs/

他们可以很容易地定制到您的情况与一些CS小号调整：

http://flowplayer.org/tools/demos/tabs/skins.html

（只需使用一些花车和宽度的变化在这里，让你在问什么，包装的其中XXX + YYY ==宽）

#panes  { width:XXXpx; float:right; } 
#nav  { width:YYYpx; } 
#nav ul { width:YYYpx; float:left; margin:0; padding:0; } 
#nav ul li { width:YYYpx; display:block; margin:0; padding:0; } /* no float! */ 

Answer 2

这是很好的jQuery用户界面，其中有一个“标签”功能来实现。

你可以使用jQuery UI选项卡，并选择沿着顶部或沿着侧面放置可选择的选项，它会像你说你需要的行为。

http://jqueryui.com/

标签的演示是在这里...

http://jqueryui.com/demos/tabs/