Hi,

I have a page with 5 tabs within its body. Clicking on a tab should cause that tab to become active and display its content. Since I started adding Couch CMS tags, it no longer works properly. The tabs become active OK, but the content stays fixed on Tab1. Can anyone help?

The work in progress page is here :
http://test.study-technologies.com/methodologie.php

Here is my code - I hope I have done this correctly!

Code: Select all

<div>

<!-- the tabs -->
<ul class="nav nav-tabs ">
<li class="active" <cms:inline_edit 'titre_tab1' />><a href="<cms:link 'methodologie.php' />#tab1" data-toggle="tab "><strong><cms:show titre_tab1 /></strong></a></li>
<li <cms:inline_edit 'titre_tab2' />><a href="<cms:link 'methodologie.php' />#tab2" data-toggle="tab "><strong><cms:show titre_tab2 /></strong></a></li>
<li <cms:inline_edit 'titre_tab3' />><a href="<cms:link 'methodologie.php' />#tab3" data-toggle="tab "><strong><cms:show titre_tab3 /></strong></a></li>
<li <cms:inline_edit 'titre_tab4' />><a href="<cms:link 'methodologie.php' />#tab4" data-toggle="tab "><strong><cms:show titre_tab4 /></strong></a></li>
<li <cms:inline_edit 'titre_tab5' />><a href="<cms:link 'methodologie.php' />#tab5" data-toggle="tab "><strong><cms:show titre_tab5 /></strong></a></li>
</ul>

<!-- the content -->
<div class="tab-content ">
<div class="tab-pane fade in active pt20" id="tab1 " <cms:inline_edit 'tab1' /> ><cms:show tab1 /></div>
<div class="tab-pane fade pt20" id="tab2 " <cms:inline_edit 'tab2' /> ><cms:show tab2 /></div>
<div class="tab-pane fade pt20" id="tab3 " <cms:inline_edit 'tab3' /> ><cms:show tab3 /></div>
<div class="tab-pane fade pt20" id="tab4 " <cms:inline_edit 'tab4' /> ><cms:show tab4 /></div>
<div class="tab-pane fade in pt20" id="tab5" <cms:inline_edit 'tab5' /> ><cms:show tab5 /></div>

</div>

Thanks in advance!
Ric

One small change should correct the problem.

Code: Select all

<cms:link masterpage='methodologie.php' />

Thanks! It's working fine now.