Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://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>
  
  
<!-- HTML -->
<div class="row">
  <div class="col-xs-6">
    <h4>List 1</h4>
    <ul id="list" class="list-group">
      <li class="list-group-item">Item 1</li>
      <li class="list-group-item">Item 2</li>
      <li class="list-group-item">Item 3</li>
      <li class="list-group-item">Item 4</li>
      <li class="list-group-item">Item 5</li>
    </ul>
  </div>
  <div class="col-xs-6">
    <h4>List 2</h4>
    <ul id="list2" class="list-group"></ul>
  </div>
</div>
 
ul:empty {
  padding:20px;
  background: pink;
}
 
Sortable.create(list, {
  group: 'shared',
  animation: 100
});
Sortable.create(list2, {
  group: 'shared',
  animation: 100,
  emptyInsertThreshold: 0 // emptyInsertThreshold disabled
});
Output

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

Dismiss x
public
Bin info
owen-m1pro
0viewers