JSFiddle - React, Tailwind, and code Playground

HTML

<div class="block_holder">
            <div class="hover_block block_4">
                <img src="images/thumbnail.png" />
                <div class="top_half">Top Div that slides down on hover</div>
                <div class="bottom_half">Bottom Div that slides up on hover</div> 
                <div class="hover_info">Caption text content</div>
            </div>
</div>
        </div>

JavaScript

// simulate modernizr touch
var Modernizr = { touch: true };

    if ( Modernizr.touch ) {
        $('.top_half,.bottom_half,.hover_info').hide();
        $('.hover_block img').click(function() {
             alert('I was clicked');
        }).css('cursor','pointer');
    }