JSFiddle - React, Tailwind, and code Playground

by kidino

HTML

<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.1.0/css/font-awesome.css">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<div class="alert alert-success" role="alert" id="tq">Thank you!</div>
<button class="btn btn-primary">Click Me!</button>

CSS

button {
    position: absolute;
    top: 100px;
}

JavaScript

$('button').on('click', btnclick);

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

function btnclick() {
    $('button').prop('disabled', true).html('<i class="fa fa-cog fa-spin"></i> Please wait...');
    setTimeout(alldone, 3000);
}

function alldone() {
    $('#tq').slideDown().delay(2000).slideUp();
    $('button').prop('disabled', false).html('Click Me!');
}