JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/themes/ui-lightness/jquery-ui.css">
Click in here anywhere to start.
<div class='test'></div>

<div class='test'></div>
<div class='test'></div>

<div class='test'></div>
<div class='test'></div>

CSS

.test {
    background: orange;
    width: 100px;
    height: 100px;
    color: white;
    margin: 4px;
}

JavaScript

$(document).click(function() {
    
    var hasRun = false;

    $('div').fadeOut(function() {
        if( !hasRun ) {
            hasRun = true;
            alert('you should only see this once');
        }
    }).fadeIn();
});