JSFiddle - React, Tailwind, and code Playground

by leongaban

HTML

<div class="notification-container" style="display: block;">
    
    <div class="notification-div alert-success" style="">
        <h4>Please be patient, this may take a few minutes</h4>
    </div>
    <button class="noti_close">Close</button>
    
    <div class="notification-div alert-success" style="">
        <h4>Your 30 contacts have been synced! Now you can use the app :)</h4>
    </div>
    <button class="noti_close">Close</button>

</div>

JavaScript

$('.noti_close').live('click', function(event) {
    console.log('clicking .noti_close');
    var $noti =  $(this).siblings().closest('.notification-div');
    $noti.fadeOut('fast');
});