title: Check if droppable already contains another draggable element (jQuery UI)
body: <p>I have a droppable div element that fades out when a draggable element is dragged off it. This works fine using the out event. The problem I'm getting is when there are two draggable elements on the droppable. The droppable element will still fade when I drag one off. How can I check if there is already another draggable element on the droppable so I can cancel the fade effect. I want the droppable element to fade only when the last draggable element is taken off.</p>
  
  <pre><code>$(".droppable-element").droppable({
      tolerance: 'touch',
      out:function(event,ui){
  
         /*Need to first check if there is another draggable element in the droppable before fading out.*/
              $(this).fadeOut('slow', function(){
                  // Animation complete.
  
               });                
   }
  });
  </code></pre>