JSFiddle - React, Tailwind, and code Playground

by mohammad zamanian

HTML

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<div id="div1"></div>
<p id="p1">some text</p>

CSS

#div1{
  position : absolute ;
  top : 10px ;
  left : 20px ;
  background : black ;
  width : 200px ;
  height : 200px ;
  cursor : move ;
}
#p1{
  position : absolute ;
  top : 100px ;
  left : 200px ;
  color : blue ;
}

JavaScript

$(document).ready(function(){
	$("#div1").draggable();
});