Question

I am using draggable and sortable lists to have items dragged and sorted between them. However, the items I have are slidable (i.e. clicking on them dhows/hides content). When I drag an item from one list to another, the sliding effect is lost. Also, if I have a item with its children nodes hidden, and I drag the item to another list, only the item (without any children content) is dragged. Here is the code

http://jsbin.com/ujivav/1/edit

Answer 1

KHY is correct, but you could also change the click event to use on instead, like so:

$('body').on('click', '.clicktohide',function(){
    $(this).siblings().slideToggle('fast');
});

Here’s an example http://jsbin.com/ujivav/4/edit