Unable to Drop draggable using jquery UI

Vote count:

0

When I drag LI element mouse over on the 'Drop Header' then internal div should appear and where I can drop my LI element, but as soon as I reach to that internal drop area it just disapper.

Here is jsfidle

jQuery(function ($) {
    $("#dragLi > li").draggable({helper: "clone"});
            $( ".reviewersListDv > div#droppable" ).droppable({
            over: function( event, ui ) {
            $(this).find('.parallelSectContent').show();
            },
                    out: function( event, ui ) {    
                    $(this).find('.parallelSectContent').hide();
                    },
            drop: function( event, ui ) {
                    (ui.helper).remove(); //destroy clone
                    $(ui.draggable).remove(); //remove from list   
            $(this).find('.parallelSectContent').show();
            $( this ).find('.dropZone').empty().append( 'Droped');      
            }
                });
});

asked 21 secs ago

Jitu

1

Unable to Drop draggable using jquery UI