title: How to destroy a Nestable.js list?
body: <p>I'm using the <a href="https://github.com/dbushell/Nestable" rel="nofollow">Nestable.js</a> jQuery plugin to create a draggable &amp; droppable item list, used in a backend for managing menus. It is no longer maintained but I couldn't find a clean and simple alternative, so I told myself I should give it a try.</p>
  
  <p>A list look like this:</p>
  
  <pre><code>&lt;div class="dd" id="nestable"&gt;
      &lt;ol class="dd-list"&gt;
          &lt;li class="dd-item" data-id="1"&gt;
              &lt;div class="dd-handle"&gt;Item 1&lt;/div&gt;
          &lt;/li&gt;
          &lt;li class="dd-item" data-id="2"&gt;
              &lt;div class="dd-handle"&gt;Item 2&lt;/div&gt;
              &lt;ol class="dd-list"&gt;
                  &lt;li class="dd-item" data-id="3"&gt;&lt;div class="dd-handle"&gt;Item 3&lt;/div&gt;&lt;/li&gt;
                  &lt;li class="dd-item" data-id="4"&gt;&lt;div class="dd-handle"&gt;Item 4&lt;/div&gt;&lt;/li&gt;
                  &lt;li class="dd-item" data-id="5"&gt;
                      &lt;div class="dd-handle"&gt;Item 5&lt;/div&gt;
                      &lt;ol class="dd-list"&gt;
                          &lt;li class="dd-item" data-id="6"&gt;&lt;div class="dd-handle"&gt;Item 6&lt;/div&gt;&lt;/li&gt;
                          &lt;li class="dd-item" data-id="7"&gt;&lt;div class="dd-handle"&gt;Item 7&lt;/div&gt;&lt;/li&gt;
                          &lt;li class="dd-item" data-id="8"&gt;&lt;div class="dd-handle"&gt;Item 8&lt;/div&gt;&lt;/li&gt;
                      &lt;/ol&gt;
                  &lt;/li&gt;
                  &lt;li class="dd-item" data-id="9"&gt;&lt;div class="dd-handle"&gt;Item 9&lt;/div&gt;&lt;/li&gt;
                  &lt;li class="dd-item" data-id="10"&gt;&lt;div class="dd-handle"&gt;Item 10&lt;/div&gt;&lt;/li&gt;
              &lt;/ol&gt;
          &lt;/li&gt;
          &lt;li class="dd-item" data-id="11"&gt;
              &lt;div class="dd-handle"&gt;Item 11&lt;/div&gt;
          &lt;/li&gt;
          &lt;li class="dd-item" data-id="12"&gt;
              &lt;div class="dd-handle"&gt;Item 12&lt;/div&gt;
          &lt;/li&gt;
      &lt;/ol&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And is "nestified" with this:</p>
  
  <pre><code>$('#nestable').nestable();
  </code></pre>
  
  <p>I update the list with AJAX requests, and then have to reload the plugin in order for it to consider the modifications. The author didn't make a <code>.destroy()</code> function, and the problem is that the <code>+</code> (expand) and <code>-</code> (collapse) don't show when I update the list (see <a href="http://dbushell.github.io/Nestable/" rel="nofollow">the demo</a>).</p>
  
  <p>I tried <code>$('#nestable').off()</code> before the AJAX request and then re-doing a <code>$('#nestable').nestable()</code>, but it doesn't work.</p>
  
  <p>Otherwise, is there a good drag &amp; drop list alternative to Nestable.js ?</p>