JSFiddle - React, Tailwind, and code Playground

by dirtyd77

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css">
<ul id="selectable">
  <li>Level 1a
  </li>
  <li>Level 1b
  </li>
</ul>

CSS

#selectable .ui-selecting { background: #FECA40; }
  #selectable .ui-selected { background: #F39814; color: white; }
  #selectable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
  #selectable li { margin: 3px; padding: 0.4em; font-size: 1.4em; height: 18px; }

JavaScript

$(function() {
    $( "#selectable" ).selectable();
    $( "#selectable" ).children().addClass("ui-widget-content");
  });