JSFiddle - React, Tailwind, and code Playground

HTML

<div><input type="button" id="changePwd" value="Change your password"/></div>
<br/>
<div id="form_pwd" style="display:none;">          
    <form method="POST" action="google.com" id="pwdChange">
        <table>
            <tr>
                <td width="175px"><label for="oldPwd">Enter your password</label></td>                
                <td><input type="password" name="newPwd" id="newPwd" size="35"/></td>
            </tr>
            <tr>
                <td><label for="oldPwd_">Re-enter your password</label></td>
                <td><input type="password" name="newPwd_" id="newPwd_" size="35"/></td>
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td><input type="submit" value="Save Password" /></td>
            </tr>
        </table>

    </form>
</div>

JavaScript

$(function() {

    $("#changePwd").click(function() {
        if (!$("#form_pwd").is(":visible")) {
            $("#form_pwd").slideDown("normal");
        }
        else {
            $("#form_pwd").hide();
        }
    });
})