JSFiddle - React, Tailwind, and code Playground

by mikesherov

HTML

<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/jquery-ui-git.css">
<div id="test">
    <div class="box"><div>bloop</div></div>
    <div class="box"><div>bloop</div></div>
</div>

<input type="checkbox" id="break" /> <label for="break">Break Drag&amp;Drop in IE</label>
<script src="http://localhost:8888/jquery-ui/ui/draggable.js"></script>

CSS

.box { width: 50px; height: 50px; border: 1px solid #000; background: #cfc; }
.box > div { width: 100%; height: 100%; }

JavaScript

$('#test > .box').draggable();
$('.box').mousedown(function() {
    if($('#break').prop('checked')) {
        $(this).text('<div>meow</div>');
    }
});