JSFiddle - React, Tailwind, and code Playground

by Deepak

HTML

<div class="idbody">.............My html code ............</div>

CSS

.idbody
        {
            background: url(images/fondbodyrepeatos.png) repeat;
            width: 400px;
            height: 250px;
            position: absolute;
            top: -50%;
            left: 32%;
            box-shadow: 1px 1px 35px #014668;
            border-radius: 10px;
            padding-left: 5%;
        }

JavaScript

$(document).ready(function () {
    //$('.idbody').css('position','absolute');
    $(document).click(function () {
        var div = $('.idbody');
        $('div').animate({
            top: '+=20%'
            }, 'slow', function() {
            // Animation complete.
        });
    });
});