JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="hover-grid">

                   
                   <li class="indiv-cell"><a href="#"><img data-replacementimg="
http://avuedesigns.com/new/wp-content/uploads/2012/09/1.jpg" src="http://avuedesigns.com/new/wp-content/uploads/2012/09/6.jpg"></a></li>
                       
                   <li class="indiv-cell"><a href="#"><img data-replacementimg="
http://avuedesigns.com/new/wp-content/uploads/2012/09/2.jpg" src="http://avuedesigns.com/new/wp-content/uploads/2012/09/6.jpg"></a></li>
                       
                   <li class="indiv-cell"><a href="#"><img data-replacementimg="http://avuedesigns.com/new/wp-content/uploads/2012/09/3.jpg" src="http://avuedesigns.com/new/wp-content/uploads/2012/09/6.jpg"></a></li>
                       
                   <li class="indiv-cell"><a href="#"><img data-replacementimg="http://avuedesigns.com/new/wp-content/uploads/2012/09/4.jpg" src="http://avuedesigns.com/new/wp-content/uploads/2012/09/6.jpg"></a></li>
                       
                   <li class="indiv-cell"><a href="#"><img data-replacementimg="http://avuedesigns.com/new/wp-content/uploads/2012/09/1.jpg" src="http://avuedesigns.com/new/wp-content/uploads/2012/09/6.jpg"></a></li>
                       
                   <li class="indiv-cell"><a href="#"><img data-replacementimg="http://avuedesigns.com/new/wp-content/uploads/2012/09/2.jpg" src="http://avuedesigns.com/new/wp-content/uploads/2012/09/6.jpg"></a></li>
                       
                   
                </ul>

CSS

ul#hover-grid {
    padding: 0;
    list-style: none;
    margin: 0px auto 0;
    margin-top: 0;
    width: 220px;  
}

#hover-grid li {
    float: left;
    padding: 2;
    margin: 0 1px 1px 1px;
} 

#hover-grid .indiv-cell {
    width: 65px;
    height: 65px;
}

JavaScript

$('#hover-grid .indiv-cell').hover(function() {

    //set variables to current cell attributes
    var cellHeader = $(this).attr('data-hoverheader');
    var cellText = $(this).attr('data-hovertext');
    var replacementImg = $(this).find('a img').attr('data-replacementimg');
    var oringinalImg = $(this).find('a img').attr('src');

    //save original image to data variable
    $(this).data('origImg', oringinalImg);



    //add remove classes
    $('#hover-grid .indiv-cell').removeClass('newClass');
    $(this).addClass('newClass', 1000);
    $(this).find('a img').hide().attr('src', replacementImg).fadeIn(300);
    $('.master-cell h1').hide().text(cellHeader).fadeIn(300);
    $('.master-cell p').hide().text(cellText).fadeIn(300);


    //return false;
}, function() {
    $(this).find('a img').hide().attr('src', $(this).data('origImg')).fadeIn(10);
});