JSFiddle - React, Tailwind, and code Playground

by green weibo

HTML

<select id="month" name="month" class="select">
 <option value="01">January</option>
 <option value="02">February</option> 
 <option value="03">March</option>
 <option value="04">April</option>
 <option value="05">May</option>
 <option value="06">Jun</option> 
 <option value="07">July</option>
 <option value="08">August</option>
</select>

<select id="year" name="year" class="select">
 <option value="2011">2011</option>
 <option value="2012">2012</option> 
 <option value="2013">2013</option>
 <option value="2014">2014</option>
</select>
<button type="button" id="generate">Generate</button>
<div></div>
<table id="test" class="test">
    <tr>
        <th>Day</th>
        <th>Value</th>
    </tr>
    <tbody>
        <td>1</td>
        <td><input type="text"/></td>
    </tbody>
</table>

CSS

.test
{
    display:none;
}

JavaScript

$(document).ready(function(){
    $("#generate").click(function(){
        $("#test").show(1000);
    });
});