sortable/draggable switching target how to ????

sortable/draggable switching target how to ????


Most honorable Members of the list,
that is the structure I do have:
++++++++++++++++++++
<div id="A">
<div id="AA" >....</div>
<div id="AB" style="display:none" >....</div>
<div id="AC" style="display:none" >....</div>
<div id="AD" style="display:none" >....</div>
</div>
<div id="B"> .....</div>
<script>
$('#AA').sortable({});
$('#B').draggable({connectToSortable:'#AA'});
</script>
++++++++++++++++++++
in the first stage the elements of $('#B > *') are being dragged and
sorted nicely into '#AA'-> this is perfect.
--------------
in the second stage
after switching like this
$('#AA').hide();
$('#AB').show();
I would like to be able to drag/sort $('#B > *') into '#AB' now.
--------------
in a third stage after having done:
$('#A').append('<div id="An">....</div>');
I would like to be able to drag/sort $('#B > *') into '#An' now.
--------------
I've been trying with:
disabling
$('#B').draggable('disable');
$('#AA').sortable('disable');
making $('#AB').sortable({});
$('#B').draggable('enable');
in all sorts of combination, destroying, enableing etc...
I have no success.
Does anybody have a clue how this could be makeable.
need more info just ask
Ced