JSFiddle - React, Tailwind, and code Playground

by s4ty

HTML

<body><div id="container"><div id="copa"><div id="xx4"><img src="troubble_bilder/pic_div.gif" width="142" height="354"/></div></div></div>

CSS

#container {
position: relative;
margin: 0 auto;
width: 1180px;
height: 900px;
}

#copa {
position: relative;
height: 393px;
width: 1167px;
overflow: hidden;
}

#cine_full {
height:394px;
float: left;
width: 1168px;
overflow: hidden;
background-image: url(bilder/cine_full.png);
}

#xx4 {
float:left;
position:absolute;
top: 30px;
width: 144px;
height: 354px;

}

JavaScript

$(function() {
    
    $("#xx4")
        .animate({"top":"+30px"})
        .click(function(e) {
            $(this).animate({"top": "+100px"}, 1000, function() {
                self.location.href="jQuery_troubble_bee.html";
            });
    });

});