JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div class="alert alert-success" id='success-alert' role="alert">
        <span>Test alert content</span>
      </div>

<input name="submit" value="Submit" class="btn btn-primary" id="submit-id-submit" type="submit" method="post">

CSS

div#success-alert {
  display: none;
}

JavaScript

$(document).ready (function(){
    $("#submit-id-submit").click(function () {
	    $("#success-alert").show(); // use slide down for animation
      setTimeout(function () {
      	$("#success-alert").slideUp(500);
      }, 2000);
    });
   });