Specify droppable Tab

See more:

Javascript

jQuery

jQuery-UI

I have 3 tabs (User, Sep 1, Sep 2) and i want to send items from Sep1 and Sep2 to User but not between each other. How can i do that?

I'm using connect lists with tabs from jquery plus some other options like hide and accordion on each item, that works.

Here is my fiddle with the rest of the code

Here is my javascript

$(function () {
    $("#sortable1, #sortable2, #sortable3").sortable().disableSelection();
    var $tabs = $("#tabs").tabs();
    var $tab_items = $("ul:first li", $tabs).droppable({
        accept: ".connectedSortable li",
        hoverClass: "ui-state-hover",
        drop: function (event, ui) {
            var $item = $(this);
            var $list = $($item.find("a").attr("href"))
                .find(".connectedSortable3");

            ui.draggable.hide("slow", function () {
                $tabs.tabs("option", "active", $tab_items.index($item));
                $(this).appendTo($list).show("slow");
            });
        }
    });
});

Can someone give soe hints on how can i do it? thk