JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<table>
    <tr>
        <td>Content <input type="text" class="hidden"></td>
        <td>Content <input type="text" class="hidden"></td>
    </tr>
    <tr>
        <td>Content <input type="text" class="hidden"></td>
        <td>Content <input type="text" class="hidden"></td>
    </tr>
</table>

CSS

.visible {
    display: block;
}

.hidden {
    display: none;
}

JavaScript

var tds = $('td');

tds.click(function(){
    
    var allInputs = tds.find('input');
    var clickedInpit = $(this).find('input');
    
    if (allInputs.hasClass('visible')) {
        
        allInputs.removeClass('visible');
        allInputs.addClass('hidden');
    }
    
    clickedInpit.addClass('visible');
    clickedInpit.removeClass('hidden');
});