draggable with an accordion

draggable with an accordion

 I am having some problems with draggable divs within an accordion, I have tried using zIndex and I have also tried:

   
    
    
  1.  $("#draggable").draggable({ appendTo: 'body' });
    2.
I want to be able to drag the objects out of the accordion to interact with a div on the page, here is all of the code:

   
    
    
  1.  // DRAG OBJECTS

    $(function() {
     $("#draggable").draggable({ appendTo: 'body' });
     });

    // ACORDION MENU

    $(function() 
    {
    $("#accordion").accordion(
    {
    fillSpace: true,
    active: false
    });
    });
    $(function() {
    $("#accordionResizer").resizable(
    {
    resize: function() 
    {
    $("#accordion").accordion("resize");
    },
    minHeight: 140
    });
    });
























    2.