JSFiddle - React, Tailwind, and code Playground

HTML

<link href="http://getbootstrap.com/dist/css/bootstrap.min.css" rel="stylesheet" />
<script src="http://getbootstrap.com/dist/css/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<a href="#" id="id" class="btn">alerta</a>

<div id="msg"></div>

JavaScript

$('#id').click(function () {
    var self = $(this);
    var avisado = self.data('avisado');
    if (avisado) return false;
    $("#msg").html('<div class="alert alert-success">ALERTA</div>').hide().fadeIn().delay(5000).fadeOut(function () {
        self.data('avisado', false);
    });
    self.data('avisado', true);
});