多个标签相同的内容

Question

页面上有6个div：

A B C D E F G

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

例如：

Tab1 = A B

Tab2 = A C

Tab3 = A B C

依旧......

最好的方法是什么（jQuery？） 有什么例子吗？

Answer 1

您可以更改要重复使用的标签更改的控件的父级，例如类似的东西：

A.parent=Tabcontroll.tabindex[1];

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

Answer 2

TabTastic是一个很好的，易于使用的方法，有很好的文档。

Answer 3

有一个DIV，它包含由标签控制的整个区域。根据所选标签向该外部DIV添加和删除CLASS'tab1'，'tab2'，'tab3'。拥有CSS规则，根据封闭的CLASS显示正确的内部DIV。例如：

#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 4

您可以使用以下逻辑实现。

渲染6 div并将其设为style="display: none;"

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

按照jQuery UI标签中的说明设计标签，点击标签后，从隐藏的div中获取html或数据。

有关更多信息，请查看下面的小提琴演示准备。记住它唯一的样本和实现所需功能的想法

选中此fiddle