JSFiddle - React, Tailwind, and code Playground

by mojtaba

HTML

<table>
<tr>

                    <td  height="30">
                        <b>Previous Surgery</b>
                    </td>

                    <td>
<input type="checkbox" name="myCB" value="A" class="toggler" checked="checked" />
                    </td>
                </tr>
</table>
<div id="name">
<table>
<tr><td>Type of Surgery</td><td><input type="text"></td></tr>
<tr><td>Main Reason for surgery</td><td><input type="text"></td></tr>

<tr><td>Year</td><td><input type="text"></td></tr>
<tr><td>Reffered By</td><td><input type="text"></td></tr>
    </table>
</div>

CSS

.a {
    background: green;
}

.b {
    color: white;
}

JavaScript

$(function(){
   $('.toggler').click(function(){
       if (this.checked) {
           $('#name').slideDown();
       } else {
           $('#name').slideUp();
       }
   });
});