Test Case Boilerplate

Fork this way...

HTML

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

    <ul>
      <li>submenu 1</li>
      <li>submenu 2</li>
      <li>submenu 1</li>
      <li>submenu 2</li>
      <li>submenu 1</li>
      <li>submenu 2</li>
      <li>submenu 1</li>
      <li>submenu 2</li>
      <li>submenu 1</li>
      <li>submenu 2</li>
      <li>submenu 1</li>
      <li>submenu 2</li>
    </ul>

JavaScript

$('ul').draggable({ 
                            distance: 100, 
                            helper: 'clone', 
                            opacity : 0.35, 
                            revert: 'valid', 
                        stop: function(event, ui) { 
                            $(this).remove(); 
                        } 
                    } 
                );