Multiple draggable into one div and cancel

Multiple draggable into one div and cancel


Hi,
I'm triying gettin some help if someone can please.
I'll explain first the situation then my problem:
I've got to div, on with draggable item, connected to the other wich
is sortable.
When I move a draggable into the sortable, I cancel the use of the
draggable's item adding a css class.
I make it draggabale when I delete the sortable item-clone.
Everything work's very well.
My problem is that my draggable item can contain other draggable item
(sort of treeview). Then, when I take just a part of my treeview
(juste one item), i want to cancel the item AND the parent node. But
cancelling parent node, cancel all my div (so all of the childrens).
Can I do something make it works?
Here a small part of my structure (I simplified it a lot for better
comprehension):
<div class="ui-draggable drag undrag"> "here my parent node. undrag
is the draggable-canceler class"
.<div>parentNode</div>
.<div>
..<div></div>
..<div>
...<div class=" ui-draggable"></div> "here my first child, I want it
to still be draggable, but not as the parent got the undragg class and
are my parent div"
...<div class="ui-draggable undrag"></div> "here another children that
are cancelled too with undrag"
..</div>
.</div>
</div>
I dont want to take out my children from my parent.
Thank you for help.