I want to add some tabs panels in my page. I used this code:
....
<panel>
<html>
<ul id="tabs" class="nav nav-tabs">
<li class="active">
<a href="#" class="toggle-tab" data-toggle="tab" data-elements="link1" data-token="link1">...</a>
</li>
<li>
<a href="#" class="toggle-tab" data-toggle="tab" data-elements="link2" data-token="link2">...</a>
</li>
<li>
<a href="#" class="toggle-tab" data-toggle="tab" data-elements="link3" data-token="link3">...</a>
</li>
<li>
<a href="#" class="toggle-tab" data-toggle="tab" data-elements="link4" data-token="link4">...</a>
</li>
</ul>
</html>
</panel>
....
<panel>
<html>
<ul id="tabs2" class="nav nav-tabs">
<li class="active">
<a href="#" class="toggle-tab" data-toggle="tab" data-elements="link5" data-token="link5">...</a>
</li>
<li>
<a href="#" class="toggle-tab" data-toggle="tab" data-elements="link6" data-token="link6">...</a>
</li>
<li>
<a href="#" class="toggle-tab" data-toggle="tab" data-elements="link7" data-token="link7">...</a>
</li>
</ul>
</html>
</panel>
...
but in this case if I choose tab in first panel, tab in second panel not shown, similarly if I choose . So, two panels work like one - I only can choose one tab in two panels, but I need choose one tab in the first panel and one tab in the second panel.
Can I create more than one normal tabs panels?
Thanks!
