JSFiddle - React, Tailwind, and code Playground

by vijayweb

HTML

<div class="boxgrid captionfull">
                <img src="http://s3.amazonaws.com/buildinternet/live-tutorials/sliding-boxes/jareck.jpg"/>
                <div class="cover boxcaption">
                    <h3>Jarek Kubicki</h3>
                    <p>Artist<br/><a href="http://www.nonsensesociety.com/2009/03/art-by-jarek-kubicki/" target="_BLANK">More Work</a></p>
                </div>        
            </div>

JavaScript

$('.boxgrid.captionfull').hover(function(){
                    $(".cover", this).stop().animate({top:'160px'},{queue:false,duration:160});
                }, function() {
                    $(".cover", this).stop().animate({top:'260px'},{queue:false,duration:160});
                });