JSFiddle - React, Tailwind, and code Playground

by Ricardo Salazar

HTML

<body>
    <div class='pagesize img1'></div>
    <div class='pagesize img2'></div>
    <div class='pagesize img3'></div>
</body>

CSS

.pagesize{
    width:100%;
    height:250px;
    border:1px solid cyan;
}
.img1{     background:url('http://upload.wikimedia.org/wikipedia/en/archive/f/f4/20090120040123!Free_Blue_Star.jpg') no-repeat;
    background-size:50% 70%;
    z-index:97;
}
.img2{ background:url('http://upload.wikimedia.org/wikipedia/commons/f/f0/Star_Ouro.gif') no-repeat;
background-size:50% 70%;
    border:1px solid cyan;
    z-index:98;
}
.img3{
width:100%;
height:250px; background:url('http://clipartist.info/clipart/clipartsy/cool_star-2020px.png') no-repeat;
background-size:50% 70%;
    z-index:97;
}

JavaScript

$(document).ready(function(){
    $('div').click(function(){
        var divs=$('body div').get();
        $(this).animate({height:'0px'},500);
        //for(var i=0;i<divs.length;i++)
            
    });
});