jQuery-Ui: Cannot drag object outside of an accordion

Question

I have a draggable object inside of an accordion widget. When dragging it, it\'s constrained its parent, the accordion element. I\'ve tried to use the \'containment\' option

Answer 1

For those of you looking for a complete example, take a look at the Shopping Cart example on the jQuery UI demo. This is a droppable example, but illustrates exactly what was being asked (Dragging a element outside of an accordion).

$(function() {
        $( "#catalog" ).accordion();
        $( "#catalog li" ).draggable({
            appendTo: "body",
            helper: "clone"
        });
});

And continue on from there.