JSFiddle - React, Tailwind, and code Playground

by Pavan Kumar

HTML

<form action="#buildurl('user.change_password')#" method="post">
                <input type="hidden" name="email" id="email" value="#session.auth.email#">

                <div class="control-group">
                    <label class="label-control" for="password">Enter current password</label>
                    <div class="controls">
                         <input type="password" name="password" id="password" >
                    </div>
                </div>

                <div class="control-group">
                    <label class="label-control" for="password_new">Enter New password</label>
                    <div class="controls">
                         <input type="password" name="password_new" id="password_new" >
                    </div>
                 </div>                 

                <div class="control-group">
                    <label class="label-control" for="password_confirm">Enter confirm password</label>
                    <div class="controls">
                         <input type="password" name="password_confirm" id="password_confirm" >
                    </div>
                 </div>

                <div>
                    <button type="submit" name="submit_password" id="submit_password" class="btn btn-primary">Submit</button>
                </div>
             </form>
                    <input type='button' value='click me' id='showButton'/>

JavaScript

$('form').hide();
$("#showButton").click(function(e){
     $('form ').toggle('slow');//or just show instead of toggle
    
});