JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outter">
    <img src="http://lionssharedigital.com/wp-content/uploads/2013/04/Lion.jpg" />
<div id="inner">

    </div>    
</div>
<div class="outter">BUTTON</div>

CSS

img {
 height: 200px; 
    z-index:10;
}
.outter {
    position: relative;
    height: 200px;
    overflow:hidden;
}
#inner {
    height:300px;
    position: absolute;
    background: red;
    top:0;
    left:0;
    z-index: 1000000;
    width: 360px;
}

JavaScript

$('.outter').click(function(){
   $('#inner').css({position:'absolute', top:'+=10px'});
});