JSFiddle - React, Tailwind, and code Playground

by william

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/themes/cupertino/jquery-ui.css">
<ul id="selectable">
    <li class="ui-widget-content">
        <span><input type="checkbox" /></span>
        <span><a href="" id="link">click me</a></span>
    </li>
</ul>

CSS

#selectable .ui-selecting { background: #FECA40; }
#selectable .ui-selected { background: #F39814; color: white; }

JavaScript

$('#selectable').selectable();

$('#link').click(function() {
    $('<div>').dialog();
    return false;
});