JSFiddle - React, Tailwind, and code Playground

HTML

<table> 
    <tr>
        <td>Make:
            <span class="required">*</span>
        </td>
        <td>
            <span id="makespan">
                <table>
                    <tr>
                        <td>
                            <select id="make" style="width: 150px;">
                                <option value="1">1</option>
                            </select>
                        </td>
                        <td width="10">
                        </td>
                        <td>
                            <span id="othermakebutton" class="txtbutton">Other?</span>
                        </td>
                    </tr>
                </table>
            </span>
            <span id="othermakespan" style="display: none;">
                <table>
                    <tr>
                        <td>
                            <input type="text" name="othermake" id="othermake" style="width: 145px;">&nbsp;-&nbsp;<span id="othermakecancel" class="txtbutton">Cancel</span>
                        </td>
                    </tr>
                </table>
                </span>
            </td>
        </tr>
        <tr>
            <td>
                <input type="button" id="complete" name="complete" value="complete">
            </td>
        </tr>
</table>

CSS

#makespan {display:block;}

JavaScript

$("#complete").live("click",function() {
            if ($("#makespan").is(":visible") == true) { alert("visible"); }
            else { alert("not visible"); }
        });
        $("#othermakebutton").live("click",function() {
            $("#makespan").hide();
            $("#othermakespan").show();
        });
        $("#othermakecancel").live("click",function() {
            $("#othermakespan").hide();
            $("#makespan").show();
        });