jQuery UI Current

by petersendidit

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>

<div id="nfo"> </div><hr /><br /><br />
       DIV 1 <div id="div1" class="myclass" ><li class="lt">Drag me</li><li class="lt">Drag me</li><li class="lt">Drag me</li><li class="lt">Drag me</li><li class="lt">Drag me</li><li class="lt">Drag me</li><li class="lt">Drag me</li><li class="lt">Drag me</li><li class="lt">Drag me</li></div>

CSS

body{ 
    padding: 55px;
}
li {
   border:1px solid #000000;
} 
    
    div1 {
   border:1px solid #000000;
    padding:25px;
}
    .red {
    border:1px solid #ff0000;
    }

JavaScript

$('#div1').sortable({
    out: function(event, ui) { $('#nfo').append('OUT<br />'); }
});