多个标签相同的内容

Question

有6周的div在网页：

A B C d E F G

我想重用这些div基于标签上的显示内容。

例如：

TAB1 = AB

TAB2 = AC

TAB3 = ABC

等等...

什么是做的最好办法它（jQuery？） 任何示例？

Answer 1

TabTastic是一个很好的，可访问的方法与体面的文件。

Answer 2

有一个DIV包围由选项卡控制的整个区域。根据选定的选项卡，将CLASS的'tab1'，'tab2'，'tab3'添加到外部DIV并将其删除。拥有基于封闭CLASS显示适当内部DIV的CSS规则。例如：

#A, #B, #C, #D, #E, #F {display:none} 

.tab1 #A, .tab1 #B {display:block} 

.tab2 #A, .tab2 #C {display:block} 

.tab3 #A, .tab3 #B, .tab3 #C {display:block} 

Answer 3

您可以更改要重复使用的选项卡更改的控件的父级，例如，如：

A.parent=Tabcontroll.tabindex[1]; 

不正确的语法，但你明白了。

Answer 4

你可以用下面的逻辑来实现。

渲染6 div，使之style="display: none;"

您可以使用jQuery UI选项卡。请参阅本link

设计你的标签，如jQuery UI的标签说明，点击标签填充它的HTML或数据从隐藏层得到了。

欲了解更多，您可以检查下面的小提琴演示准备。记住它的唯一样本和想法来实现您所需的功能

检查此fiddle