Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/>
  
  
<!-- Latest Sortable -->
<script src="https://raw.githack.com/SortableJS/Sortable/master/Sortable.js"></script>
  
  
<!-- Simple List -->
<div id="simpleList" class="list-group"></div>
 
/* chosenClass */
.chosen {
  color: #fff;
  background-color: #c00;
}
body {
  padding: 20px;
}
.list-group-item {
  transition: all .5s;
  cursor: move;
}
 
Sortable.create(simpleList, {
  delay: 500,
  chosenClass: 'chosen'
});
// Generate 10 items
simpleList.innerHTML = Array.apply(null,  new Array(10)).map(function (v, i) {
  return '<div class="list-group-item">item ' +
    (i + 1) +
    '</div>';
}).join('');
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
owen-m1pro
0viewers