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>
    <button id="save">Save</button>
</form>

JavaScript

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

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