JSFiddle - React, Tailwind, and code Playground

by ifightcrime

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.2/jquery.ui.touch-punch.min.js"></script>
<html>
<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

CSS

</style>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1" />
<style>

ul {
    margin: 0;
    padding: 0;
}

ul li {
    cursor: pointer;
    list-style-type: none;
    height: 50px;
    margin-bottom: 10px;
    background: #999;
}

JavaScript

$(function() {
    $('ul').sortable({ scroll: true, tolerance: 'pointer' }).find('li:odd').css('background', '#333');
});