JSFiddle - React, Tailwind, and code Playground

by apoucoz

HTML

<script src="http://imapo.ru/js/jquery.rotate.js"></script>
<script src="http://imapo.ru/js/jquery.fancydropper.js"></script>
<div id="test" style="top: 100px; left: 200px; border: 2px #f00 solid; width: 600px; height:400px; position: absolute">
<a href="#" ></a>
<a href="#" ></a>
<a href="#" ></a>
<a href="#" ></a>
</div>

CSS

a {
    display:block;
    background: #ffaaaa;
    width:100px;
    height:100px;
}

JavaScript

$(document).ready(function(){
$('#test').fancydropper({fullscreen: false});
$('#reshuffle').click(function(){
$('#test1').fancydropper();
$('#reshuffle').attr({value: 'Перемешать'})
});
});