JSFiddle - React, Tailwind, and code Playground

by DenimTornado

HTML

<script type="text/javascript">
    jQuery(document).ready(function() {
    jQuery( "#tabs" ).tabs({ show: { effect: "fadeIn", duration: 600 } });
	 });
</script>
<div id="tabs" class="tabset">
	<ul class="tabset_tabs">
		<li><a href="#tabs-1" class="active"><img src="/images/tabs/odnoklasniki_icon.jpg" border="0" /></a></li>
		<li><a href="#tabs-2"><img src="/images/tabs/facebook2_icon.jpg" border="0" /></a></li>
		<li><a href="#tabs-3"><img src="/images/tabs/twitter2_icon.jpg" border="0"/></a></li>
		<li><a href="#tabs-4"><img src="/images/tabs/vkontakte2_icon.jpg" border="0"/></a></li>
	</ul>
	<div class="tabset_content_container">
		<div id="tabs-1" >
			1
		</div>
		<div id="tabs-2" >
			2
		</div>
		<div id="tabs-3" >
			3
		</div>
		<div id="tabs-4" >
			4
		</div>
	</div>
</div>