JSFiddle - React, Tailwind, and code Playground

HTML

<form>
  <input type="submit" id="new-post" value="New post">
</form>
<form id="submit-post">
  <div class="text">
    <label>Your name</label>
    <input type="text">
  </div>
  <div class="text">
    <label>Your name</label>
    <input type="text">
  </div>
  <div class="text">
    <label>Your name</label>
    <input type="text">
  </div>
  <input type="submit" value="Submit post">
</form>
<ul>
  <li>Lorem ipsum dolor sit amet consectetur</li>
  <li>Lorem ipsum dolor sit amet consectetur</li>
  <li>Lorem ipsum dolor sit amet consectetur</li>
  <li>Lorem ipsum dolor sit amet consectetur</li>
</ul>

JavaScript

var frm=$("#submit-post");
frm.slideUp(0);

$("#new-post").on("click", function (e) {
    e.preventDefault();
 frm.slideDown("fast");
 $("#new-post").hide();
});