JSFiddle - React, Tailwind, and code Playground

by mark serbol

HTML

<table border="1">
    <tr>
        <td>
            <select class="touch" style="display: none;">
                <option value="11">Rebuying</option>
                <option value="12">Sales</option>
            </select>
            <span class="look">DC1</span>
        </td>
        
        <td>
            <input class="touch" style="display: none;"/>
            <span class="look">DC2</span>
        </td>
    </tr>
</table>

JavaScript

$('.look').click(function(){
    $(this).hide();
    $(this).siblings('.touch').show().focus().focusout(function(){
        $(this).hide();
        $(this).siblings('.look').show();
    });
});