JSFiddle - React, Tailwind, and code Playground

by ecropolis

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/themes/smoothness/jquery-ui.css">
<div id="draggable" class="ui-widget-content">
</div>    

<div id="droppable" class="ui-widget-header">
</div>

CSS

#draggable, #droppable { margin: 20px; width: 25px; height: 25px; }

JavaScript

$(function() {
        $( "#draggable" ).draggable();

        $( "#droppable" ).droppable({

          drop: function( event, ui ) {

             window.location.href = 'Section8.php';
          }

        });    
      });