JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.sunsean.com/idTabs/jquery.idTabs.min.js"></script>
<div class="usual"> 
		<ul class="idTabs"> 
    		<li><h3><a href="#idTab1" class="selected">Tab1</a></h3></li>
    		<li><h3><a href="#idTab2">Tab2</a></h3></li> 
   			<li><h3><a href="#idTab3">Tab3</a></h3></li> 
   			<li><h3><a href="#idTab4">Tab4</a></h3></li>
   			<li><h3><a href="#idTab5">Tab5</a></h3></li>
   			<li><h3><a href="#idTab6">Tab6</a></h3></li> 
 		</ul>
 		<div class="spacer"></div>
		<div id="idTab1" style="display: block; ">This is tab 1.</div> 
  		<div id="idTab2" style="display: none; ">More content in tab 2.</div> 
 		<div id="idTab3" style="display: none; ">Tab 3 is always last!</div>
 		<div id="idTab4" style="display: none; ">Tab4</div>
 		<div id="idTab5" style="display: none; ">Tab5</div>
 		<div id="idTab6" style="display: none; ">Tab6</div> 
	</div>

CSS

@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,700&subset=latin,latin-ext);

* {margin:0; padding:0;}
body {font-family: Tahoma, Helvetica, sans-serif; color:#000; background:#ecfafb; font-size:12px;}
img {border:0;}


li {list-style:none;}

.spacer{width:100%; height:0; clear:both;}

.usual {width:574px; marginaft-top:15px;}
.usual .idTabs {width:100%; height:29px; background-color:#0db5ff; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;}
.usual .idTabs h3 a{float:left; color:#FFF; font-size:16px; font-family:Roboto, Arial, serif; font-weight:100; margin:3px 0 0 15px; text-decoration:none;}
.usual a.selected{color:#FFF; font-weight:100; min-height:25px; /*min height of DIV should be set to at least 2x the width of the arrow*/ position:relative; margin-bottom:1em; }
.usual a.selected:after{ /*arrow added to downarrowdiv DIV*/ content:''; display:block; position:absolute; top:100%; /*should be set to 100% */ left:50%; margin-left:-8px; width:0; height:0; border-color: #0db5ff transparent transparent transparent; /*border color should be same as div div background color*/ border-style: solid; border-width: 10px; }
.usual #idTab1, #idTab2, #idTab3, #idTab4, #idTab5, #idTab6 {margin-top:10px;}