JSFiddle - React, Tailwind, and code Playground

by Ehsan Sajjad

HTML

<a href="#" id="updateAlert">Test</a>

<div class="alert alert-dismiss" id="alert" style="margin-top: 54px; margin-bottom: -54px;">
        <a href="#" class="close" data-dismiss="alert">×</a>
        <div class="alertMessage"></div>
    </div>

JavaScript

$(function(){
        $('#updateAlert').click(function(){
            $.ajax({
                type: "GET",
                url: "/some/stuff",
                success: function(data) {
                    $("#alert").addClass('alert-success');
                    $(".alertMessage").html('test-message');
                    $(".alert").show();
                }
            });
            return false;
        });
    });
$(".close").click(function(){
    $(".alert").hide();
});
$(document).ready(function(){
    $('.alert').hide();
});