jQuery-Ui: Cannot drag object outside of an accordion

draggable, jquery, jquery-ui

Solution

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.

Problem

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 with no success. I have tried this with FireFox 3.5.5 and Chromium 4. Is there a way to solve it? Thanks

Original source