JSFiddle - React, Tailwind, and code Playground

HTML

<div class="imageGalleryAlbum"><ul><li class="image_1_3"><div class="preview image_1_3" style="display: none; "><table width="100%" border="0" cellspacing="0" cellpadding="0"><tbody><tr><td class="image_cell"><a href="http://upload.wikimedia.org/wikipedia/commons/d/d2/Football4.png"><img src="http://upload.wikimedia.org/wikipedia/commons/d/d2/Football4.png"><span class="new">
                                            new</span></a></td><td class="details_cell"><h3>Football</h3></td></tr></tbody></table></div><div class="thumb_div"><a href="http://upload.wikimedia.org/wikipedia/commons/d/d2/Football4.png"><img src="http://upload.wikimedia.org/wikipedia/commons/d/d2/Football4.png"><span class="new">
                            new</span></a></div><div class="meta_div"><p><a href="http://upload.wikimedia.org/wikipedia/commons/d/d2/Football4.png">Football</a></p></div></li><li class="image_1_3"><div class="preview image_1_3" style="display: none; "><table width="100%" border="0" cellspacing="0" cellpadding="0"><tbody><tr><td class="image_cell"><a href="http://upload.wikimedia.org/wikipedia/commons/b/b9/Football_iu_1996.jpg"><img src="http://upload.wikimedia.org/wikipedia/commons/b/b9/Football_iu_1996.jpg"><span class="new">
                                            new</span></a></td><td class="details_cell"><h3>Football</h3></td></tr></tbody></table></div><div class="thumb_div"><a href="http://upload.wikimedia.org/wikipedia/commons/b/b9/Football_iu_1996.jpg"><img src="http://upload.wikimedia.org/wikipedia/commons/b/b9/Football_iu_1996.jpg"><span class="new">
                            new</span></a></div><div class="meta_div"><p><a href="http://upload.wikimedia.org/wikipedia/commons/b/b9/Football_iu_1996.jpg">Football</a></p></div></li><li class="image_1_3"><div class="preview image_1_3" style="display: none; "><table width="100%" border="0" cellspacing="0" cellpadding="0"><tbody><tr><td class="image_cell"><a...

CSS

.imageGalleryAlbum{float:left;width:630px;}}
.imageGalleryAlbum ul{list-style:none;float:left;margin:0;padding:0;border-top:1px solid #CCC;width:630px;}
.imageGalleryAlbum ul li{float:left;width:150px;min-height:160px;position:relative;margin:0;padding:0 0 10px;border-bottom:1px solid #CCC;}
.imageGalleryAlbum ul li img{float:left;height:150px;width:150px;}
.imageGalleryAlbum ul li p{margin:0;clear:both;}
.imageGalleryAlbum ul li.image_1_3{padding-right:10px;}
.imageGalleryAlbum ul li .thumb_div{display:table-cell;vertical-align:bottom;padding:10px 0 0;width:150px;height:150px;}
.imageGalleryAlbum ul li .meta_div{float:left;margin-top:5px;width:100%;}
.imageGalleryAlbum ul li .thumb_div a{float:left;position:relative;}
.imageGalleryAlbum ul li .thumb_div a span.new {background-color:rgba(0,0,0,0.5);border:1px solid rgba(255,255,255,0.5);border-width:0 1px 1px 0;color:#FFF;font:normal 11px/11px Arial;position:absolute;top:0;left:0;text-transform:uppercase;padding:3px 5px;}

.imageGalleryAlbum .hiddenPreview{display:none;}

.imageGalleryAlbum .preview {display:none;position:absolute;top:20px;z-index:3000;border:1px solid #CCC;border-radius:5px;background-color:#FFF;padding:10px;box-shadow:3px 1px 6px #303030;}
.imageGalleryAlbum .preview.image_1_3{left:50px;}
.imageGalleryAlbum .preview.image_4{right:-200px;}
.imageGalleryAlbum .preview table{float:left;}
.imageGalleryAlbum .preview table td{vertical-align:top;}
.imageGalleryAlbum .preview table td.image_cell{padding-right:10px;}
.imageGalleryAlbum .preview table td.details_cell{display:block;width:100px;}
.imageGalleryAlbum .preview table td.details_cell h3{margin-top:0;}
.imageGalleryAlbum .preview table td.details_cell p{margin:0 10px 8px 0;}
.imageGalleryAlbum .preview table td.image_cell img{float:left;height:auto;width:auto;}
.imageGalleryAlbum .preview table td.image_cell span.new {background-color:rgba(0,0,0,0.5);border:1px solid rgba(255,255,255,0.5);border-width:0 1px 1px 0;color:#FFF;font:normal...

JavaScript

$(document).ready(function() {
    $('.imageGalleryAlbum li a img').mouseenter(function() {
        $(this).closest('li').find('.preview').delay(500).fadeIn(1);
        $(this).closest('li').siblings().find('.preview').fadeOut(1);
        return;
    });
    $('.imageGalleryAlbum li .preview').hover(function() {
        $(this).closest('li').siblings().find('.preview').fadeOut(1);
        return;
    });
    $('.imageGalleryAlbum li .preview').mouseleave(function() {
        $(this).closest('li').find('.preview').fadeOut(1);
        $(this).closest('li').siblings().find('.preview').fadeOut(1);
        return;
    });
    $('.imageGalleryAlbum li .preview').click(function() {
        $(this).closest('li').find('.preview').fadeOut(1);
        $(this).closest('li').siblings().find('.preview').fadeOut(1);
        return;
    });
});

$(document).mouseup(function(e) {
    var container = $(".preview");
    if (container.has(e.target).length === 0) {
        container.fadeOut(1);
    }
});