JSFiddle - React, Tailwind, and code Playground

by gfosco

HTML

<div class="sortable">
   <div>
      <ul><li>test 1</li>
          <li>test 2</li></ul>
   </div>
   <div>
      <ul><li>test 3</li>
          <li>test 4</li></ul>
   </div>
</div>
<div class="sortable">
   <div>
      <ul><li>test 7</li>
          <li>test 8</li></ul>
   </div>
   <div>
      <ul><li>test 9</li>
          <li>test 0</li></ul>
   </div>
</div>

CSS

.darkBackground { background-color:#333333; }

.smallFont { font-size:0.7em; }

JavaScript

$('.sortable').sortable( 
  { revert       : true, connectWith  : ".sortable"}
).addClass('darkBackground').addClass('smallFont');