JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://jackrugile.com/js/jquery.easing.1.3.js"></script>
<div class="entry">
    <a href="#"><img src="http://placekitten.com/g/300/300" width="250" height="250" alt="kitty!" /></a>
    <div class="info">
        <h6>Oh Kitteh!</h6>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget erat euismod nibh elementum posuere ullamcorper ut massa. Nulla dolor justo, aliquam vitae malesuada vel, faucibus commodo metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer fringilla vulputate tellus ac vestibulum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget erat euismod nibh elementum posuere ullamcorper ut massa. Nulla dolor justo, aliquam vitae malesuada vel, faucibus commodo metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer fringilla vulputate tellus ac vestibulum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
    </div>
</div>

CSS

.entry {
    position: relative;   
}

img {
    position: relative;
    z-index: 2;  
}

.info {
    background: #eee;
    cursor: pointer;
    border: 1px solid #ddd;
    font: 11px arial, sans-serif;
    padding: 20px;
    position: absolute;
    width: 208px; 
    top: 0; 
}

.info:hover {
    background: #fdd;
}

h6 {
    font-size: 14px; 
    font-weight: bold;
    margin: 0 0 5px 0;
}

p {
    margin: 0 0 10px 0;   
}

JavaScript

$('.info').css('opacity',0);

$('.entry a').click(function(e){
    e.preventDefault();
    $(this).toggleClass('clickable').siblings('.info').stop().animate({'left': '250px', 'opacity':1}, 600, 'easeOutBack');
});

$('.info').click(function(e){
    e.preventDefault();
    $(this).stop().animate({'left': '0px', 'opacity': 0}, 600, 'easeInBack');
});

$('.clickable').click(function(e){
    e.preventDefault();
    $('.info').stop().animate({'left': '0px', 'opacity': 0}, 600, 'easeInBack');
});