JSFiddle - React, Tailwind, and code Playground

by Sambora

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/1.3.0/bootstrap.min.css">
<form method="get" action="http://fiddle.jshell.net/elithompson/nz6z2/9/show" class="well">
    <button type="submit" class="btn danger confirm">Delete</button>   
</form>

JavaScript

jQuery.fn.confirm = function() {
    return this.one('click.confirm', function(event) {
        event.preventDefault();
        var timeoutToken;
        var $this = $(this);
        var originalText = $this.text();
        $this.text("Are you sure?").addClass("danger").bind('mouseout.confirm', function() {
            timeoutToken = setTimeout(function() {
                $this.text(originalText).unbind('.confirm').removeClass("danger").confirm();
            }, 3 * 1000);
        }).bind('mouseover.confirm', function() {
            clearTimeout(timeoutToken);
        });
    }).removeClass('danger');
};

$(function() {
    $('.confirm').confirm();
});