JSFiddle - React, Tailwind, and code Playground

by Nadeesh Peiris

HTML

<div class="row-fluid">
		<div class="span1 offset1">
			<div class="tabbable" id="tabbable" align="center">
				<ul class="nav nav-tabs nav-stacked">


   
      <li class="active"><a href="#tabs-1" data-toggle="tab">Eat</a></li>
      <li><a href="#tabs-2">Drink</a></li>
    </ul>
    
  </div>  
</div>
<div id="1"></div>
</div>

JavaScript

$(function() {
	  $("#tabbable").tabs();
	 }); 
	 
var i;
var mytabs = new Array();
mytabs[0] = "Saab";
mytabs[1] = "Volvo";
mytabs[2] = "BMW";

$("a[href=#tabs-1]").click(function()
		{
	  
	  for (i=0;i<mytabs.length;i++)
	    {
		  $(".ui-widget-content").append("<br>"+mytabs[i]+"<br>");
	}
    });