JSFiddle - React, Tailwind, and code Playground

HTML

<legend><b><u>CASUALTIES SUMMARY CHART</u></b></legend>
                                        <table>
                                            <tr>
                                                <td><label for="form">Casualty:</label></td>
                                                <td><select id="myselect" name="myselect" onchange='showForm(this)'>
                                                        <option value="Student">Student</option>
                                                        <option value="Staff">Staff</option>
                                                    </select>
                                                </td>
                                            </tr>
                                            <tr>
                                            <div class='form-holder hidden' id='Student'>
                                            <form name="Student" >
                                             <table>
                                                <tr>
                                                    <td width="150px"><label for="date">Date:</label></td>
                                                    <td><input type="date" id="date" name="Date"/></td>
                                                </tr>
                                                <tr>
                                                    <td><label for="time">Time:</label></td>
                                                    <td><input type="time" id="time" name="Time"/></td>
                                                </tr>
                                                <tr>
                                                    <td>ID:</td>
                                                    <td><input type="text" name="ID"></td>
                                                </tr>
                                                <tr>
                                                    <td><label...

CSS

.hidden{
    display:none;
}

JavaScript

function  showForm(obj){
    $(".form-holder").slideUp("fast",function(){
        $("#"+$(obj).val()).slideDown("fast");
    });
}