JSFiddle - React, Tailwind, and code Playground

by nxjohny

HTML

<form id="myform">
    <div id="visible" style="background-color: #1e728c">Hi</div>
    <div id="hidden" style="display: none;">Bye</div>
    <input id="btn1" type="submit" name="submit" value="click">
</form>

JavaScript

function handler(btn, form,content){
    var submitHandler = function(){
        form.submit(function(e){
            return true;
        });
    };

    btn.click(function(e){
        form.children().hide();
        content.show();
        setTimeout(submitHandler,0);
    });
}

$(function(){
    handler($('#btn1'), $('#myform'),$('#hidden'));
});