JSFiddle - React, Tailwind, and code Playground

HTML

<table border='1'>
    <tr>
        <td colspan='3'>
            <center>First Name</center>
        </td>
    </tr>
    <tr>
        <td>
            <button onclick="toggle_fname('add');">Add</button>
        </td>
        <td>
            <button onclick="toggle_fname('edit');">Edit</button>
        </td>
        <td>
            <button onclick="toggle_fname('delete');">Delete</button>
        </td>
    </tr>
</table>
<div id="hide_add_fname" class='fname'>
    <form method='POST'>
        <center>Add First Name:</center>
        <br>
        <center>
            <input type='text' />
        </center>
        <br>
        <center>
            <input type='submit' value='Add' />
        </center>
    </form>
</div>
<div id="hide_edit_fname" class='fname'>
    <form method='POST'>
        <center>Edit First Name:</center>
        <br>
        <center>
            <input type='text'></input>
        </center>
        <br>
        <center>
            <input type='submit' value='Edit'>
        </center>
    </form>
</div>
<div id="hide_delete_fname" class='fname'>
    <form method='POST'>
        <center>Delete First Name:</center>
        <br>
        <center>
            <input type='text'></input>
        </center>
        <br>
        <center>
            <input type='submit' value='Delete'>
        </center>
    </form>
</div>

CSS

.fname {
    padding: 20px;
    background: #f0f0f0;
    width: 200px;
    display: none;
}

JavaScript

function toggle_fname(id) {
	    //class of fname
	    var fcls = 'fname';
	    var target = 'hide_' + id + '_fname';

	    //get forms by class name
	    var flist = document.getElementsByClassName(fcls);
	    //loop and hide forms
	    for (var i = 0; i < flist.length; i++) {
	        flist[i].style.display = 'none';
	    }

	    //get form which needs to be display
	    var e = document.getElementById(target);
	    //if target existed, set display:block;
	    if (e.length != 0) {
	        e.style.display = 'block';
	    }
	}