Auto tabs

Below is code example of auto tabs.

<!-- Tab structure -->
<div class="tabs-auto">
	
	<ul class="tb-list">
		<li class="tb">Featured</li>
		<li class="tb">Buy</li>
		<li class="tb">Rent</li>
	</ul><!-- /.tb-list -->

	<div class="tb-content">

		<div class="tb-pn">
			... TAB CONTENT ...
		</div><!-- /.tb-pn -->
		
		<div class="tb-pn">
			... TAB CONTENT ...
		</div><!-- /.tb-pn -->

		<div class="tb-pn">
			... TAB CONTENT ...
		</div><!-- /.tb-pn -->
		
	</div><!-- /.tb-content -->

</div>

Just copy above example code and add your content. No needs to apply any ID on tab content.

Make sure tab list  and tab content element count same.

 

 

Related Articles