title: Disable parent droppable box while dragging from parent
body: <p><a href="http://jsfiddle.net/xSQBw/" rel="nofollow">http://jsfiddle.net/xSQBw/</a> demonstrates my problem. Notice that when you drag a box out of its parent and bring it back into the parent, then parent will accept the element. I need for the parent's droppable'ness to be disabled while the child is being dragged. Then I need the droppable'ness to be re-enabled after the child is dropped.</p>
  
  <p>I tried using the start: and stop: methods for droppable, however, getting the correct element to disable/re-enable was tricky, kludgy, and didn't work anyway.</p>
  
  <p>Here's an example of what I am attempting with the droppable handler:</p>
  
  <pre><code>$('&lt;fieldset /&gt;',
  {
      id: login,
      level: self.levelValue,
      class: 'member ' + employeeClass,
  }).appendTo('#columnWrapDiv')
    .droppable(
      {
          hoverClass: 'hovered',
          drop: function(event,ui) { /* removed */});
  </code></pre>
  
  <p>And my draggable:</p>
  
  <pre><code> $('.class')
    .draggable(
    {
        containment: '#ttkanbanDiv',
        cursor: 'crosshairs',
        revert: true,
        opacity: 0.4,
        start: 
          function(ui)
          {
              var id = $($($(ui).attr('srcElement'))
                          .parents()
                          .find('.ui-droppable')[0]).attr('id');
              $('#' + id).removeClass('ui-droppable');
          },
        stop:
          function(ui)
          {
              $($($(ui).attr('srcElement'))
                  .parents()
                  .find('.ui-droppable')[0])
                  .addClass('ui-droppable');
          },
        zindex: 'auto',
    });
  </code></pre>