引导程序中的嵌套选项卡

我在Bootstrap中嵌套了标签,这里是代码: http : //jsfiddle.net/RLdYC/

$("ul.nav-tabs a").click(function (e) { e.preventDefault(); $(this).tab('show'); }); 
    

Tab 1.1

Tab 1.2

Tab 2.1

Tab 2.2

问题是,只要您单击顶行上的其他选项卡,下面嵌套选项卡的实际内容就会隐藏。 我需要显示第一个子选项卡的内容。

我试图触发第一个子选项卡上的click()函数,但它没有帮助。 你能写一下我需要解决的代码吗?

你有多个id为myTabContent元素。

HTML ID在整个页面中应该是唯一的。

只需删除那些ID或使用类( 在这里工作演示 )。

 $("ul.nav-tabs a").click(function (e) { e.preventDefault(); $(this).tab('show'); }); 
    

Tab 1.1

Tab 1.2

Tab 2.1

Tab 2.2

试试这个: