[dmivasant]

Задача такая: есть перетаскиваемые объекты и принимающий div. Перетаскивание происходит клона, а не самого элемента и добавляется в принимающий div методом .appendTo, а как можно сделать чтоб при добавлении он не вставал в конец или в начало (другим методом), а оставался там, куда его положили. Тоесть если я перетаскиваемый элемент ложу в центр div то он там и остается, и при этом откуда я его перетаскивал должен остаться оригинал объекта.
вобще возможно ли так сделать?
У меня получился вот такой замудренный код.

// перетаскивание
$('div[id*=element]').draggable({
    containment: "#wraper",
    revert: "invalid",
    grid: [20, 20],
    opacity: 0.5,
    scroll: false,
    zIndex: 35,
    appendTo: "body",
    helper: "clone",
    cursor: "move",
    stack: "div[id*=element] > img"
}).find('img').css({
    'width': '50%',
        'height': '50%'
});
//приемник
$("#contener").droppable({
    accept: "#saitbar > #left > #accordion > .dropp > div[id*=element]",
    activeClass: "ui-state-highlight",
    drop: function (event, ui) {
        var element = $(ui.draggable);
        element.fadeIn(1000, function () {
            $(this).clone()
                .addClass("newElement")
                .appendTo("#contener")
                .draggable({
                containment: "#contener",
                opacity: 0.5,
                stack: "div[id*=element]",
                cursor: "move"
            })
                .resizable({
                containment: "#contener",
                /*aspectRatio:true*/
            })
                .find('img').animate({
                'width': '100%',
                    'height': '100%'
            }, 100)

        });