JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<!doctype html>
<html lang="en">

  <head>
  </head>

  <body>

    <button type="submit" class="btn btn-primary">Submit</button>

    <div class="alert alert-success" id="submitsuccess" role="alert"> Thanks for letting us know!</div>
    <script>
      $(document).ready(function() {
        $(".alert").hide()
        $("button").click(function showAlert() {
          $(".alert").fadeTo(2000, 500).slideUp(500, function() {
            $(".alert").slideUp(500);
          })
        })
      });

    </script>
  </body>

CSS

.alert{
    display: none;
}