Sortable & Selectable

by Dennis Betman

HTML

<!-- sortable - selectable -->

<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
</ul>

CSS

ul li {
	background: #eeeeee;
	border-radius: 5px;
	border: 1px solid black;
	margin: 3px;
	padding: 0.4em;
	font-size: 1em;
	height: 16px;
	font-family: Verdana, Arial, Sans-Serif;
}

ul .ui-selected {
	background: #F39814; color: white;
}

JavaScript

$(document).ready(function(){
    $('ul').sortable();
});