JSFiddle - React, Tailwind, and code Playground

by mustafa yılmaz

HTML

<a href="#" id="ac">Açıl</a>
<div id="kutu"><img src=""><div id="fix"></div></div>

CSS

body {
    background:#000;
}
#kutu {
    width:217px;
    height:200px;
    display:block;
    background:url("http://nodes.com.tr/pics/ac.png") 0 0 no-repeat;
    position:relative;  
}
#fix {
    width:217px;
    height:200px;
    display:block;
    position:absolute;
    top:0;
    left:0;
    background:#000;
}

JavaScript

$(function(){
    $('#ac').click(function(){
        $('#fix').animate({"width":"0"});
    }); 
});