JSFiddle - React, Tailwind, and code Playground

HTML

<form>
    <p>This is top form</p>
    <button id="addnew">Add New</button>
</form>

<form id="secondform">
    <p>This is second form</p>
    <input id="trial" name="trial" />
    <button id="save">Save</button>
</form>

JavaScript

$('#secondform').hide();

$('#addnew').click(function(e)
{
    e.preventDefault();
	$('#secondform').toggle();                   
    $(this).text(function(i, text)
    {
          if( text  === "Add New" )
          {
              return "Hide New";
          }else{
              $('#secondform').trigger("reset");
     		  return "Add New";         
          }
    });
});