JSFiddle - React, Tailwind, and code Playground

by Ivan Mishchenko

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<body>
<table border="1" width="300" height="400" align="center">
<tr>
<td height="50" width="10%"align="center"><img src="http://appstudio.org/wp-content/uploads/2010/12/Kaleidoscope_ico.png" ></td>
<td colspan="5" height="50" align="center">Title site</td>
</tr>
<tr>
<td colspan="2" height="100" width="35%"align="center">Menu:</td>
<td colspan="2" height="100" width="35%"align="center">Something</td>
<td colspan="2" height="100" width="35%"align="center">Main something
<div>
<h1>Empty</h1>
</div>
</td>
</tr>
<tr>
<td colspan="6" height="50" align="center">end site</td>
</tr>
</table> 
</body>

JavaScript

$('h1').toggle(
 function(){              
           
                $(this).text("Green");     
                    $(this).css("background-color", "green");  
              
}, 
 function(){ 
     $(this).text("Blue"); 
       $(this).css("background-color", "blue");
 },
 function(){
     $(this).text("Red"); 
       $(this).css("background-color", "red"); 
 }  
 
               );