SharePoint 2013/2010 - Basic Static Tabs
In order to display webparts or iFrame in tabs, paste the code in content editor and link the files.
<link href="/css/tabcontent.css" rel="stylesheet" type="text/css"/>
<script src="/js/tabcontent.js" type="text/javascript"></script>
<ul class="tabs" data-persist="true">
<li class="selected">
<a href="#view1" targetid="view1" targetid="view1">Tab1 </a></
<li>
<a href="#view2" targetid="view2" targetid="view2">Tab 2</a></
</ul>
<div class="tabcontents">
<div id="view1" style="display: block">content 1 </div>
<div id="view2" style="display: none">content 2 </div>
</div>
<li class="selected">
<a href="#view1" targetid="view1" targetid="view1">Tab1 </a></
<li>
<a href="#view2" targetid="view2" targetid="view2">Tab 2</a></
</ul>
<div class="tabcontents">
<div id="view1" style="display: block">content 1 </div>
<div id="view2" style="display: none">content 2 </div>
</div>
Happy Browsing!
Relax..
