多个选项卡相同的内容

Question

页面上有6个div：

B、C、D、E、F、G

我想重用这些div来显示基于选项卡的内容。

例如：

Tab1 =A、B

Tab2 =A C

Tab3 =A、B、C

以此类推。

最好的方法是什么( jQuery？)有什么例子吗？

Answer 1

您可以在tab change上更改要重用的控件的父级，例如：

A.parent=Tabcontroll.tabindex[1];

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

Answer 2

TabTastic是一种很好的、可访问的方法，具有不错的文档。

Answer 3

有一个DIV，它包围了由标签控制的整个区域。根据所选标签将CLASSes 'tab1‘、'tab2’、'tab3‘添加到外部DIV中并将其删除。使用CSS规则，根据包含的类显示适当的内部DIVs。例如：

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