JSFiddle - React, Tailwind, and code Playground

by Amandeep Singh

HTML

<tr id="val1">
    <td>...</td>
    <td><a id="e1" href="#" onclick="editRow(this)">Edit</a>
        <div class="hide" id="popup1">
           <input type="text" value="">
           <button>Save</button>
        </div> 
    </td>
</tr>

CSS

.hide{
    height: 50px;
    width: 100px;
    display: none;
}

JavaScript

function editRow(obj){
    $(obj).next().show();
}