Private: Home › Forums › HTML Templates › Mixed Modern and Professional HTML Template › Set tab default › Reply To: Set tab default
May 21, 2015 at 1:43 am
#2977
Participant
Hello,
There is no need for additional jquery code.
Just add class="active"
to the tab’s <li>
which you want to set as active.
For example – tabs without active class:
<ul class="tabs">
<li>
<a href="#tab1">Heading 1</a>
</li>
<li>
<a href="#tab2">Heading 2</a>
</li>
<li>
<a href="#tab3">Heading 3</a>
</li>
</ul><!-- .tabs end -->
Tab list which has the second element set as active:
<ul class="tabs">
<li>
<a href="#tab1">Heading 1</a>
</li>
<li class="active">
<a href="#tab2">Heading 2</a>
</li>
<li>
<a href="#tab3">Heading 3</a>
</li>
</ul><!-- .tabs end -->
Robert