Hi folks..

I have 3 lists set side by side. Ex:

1. <ul id="list1" class="listSort">
2.            <li id="id1">Data1</li>
3.            <li id="id2">Data 2</li>
4.            <li id="id3">Data 3</li>
5. </ul>
6. <ul id="list2" class="listSort connectSort">
7.            <li id="id4">Data1</li>
8.            <li id="id5">Data 2</li>
9.            <li id="id6">Data 3</li>
10. </ul>
11. <ul id="list3" class="connectSort">
12.            <li id="id7">Data1</li>
13.            <li id="id8">Data 2</li>
14.            <li id="id9">Data 3</li>
15. </ul>

This an example of initializing them in jQuery...

1. $("#list1").sortable({
2.        connectWith: '.listSort'
3.  }).disableSelection(); 
4. $("#list2").sortable({
5.        connectWith: '.connectSort'
6.  }).disableSelection();   

Unfortunately, the functionality I need isn't working out. What I need is:

1. List A must interact with List B;
2. List B must interact with List C
3. Items not needed in List B can be transferred back to List A only.

Furthermore, List C must be restricted to only 1 entry, i.e only one item is transferable from List B to C.

I'm new to jQuery and as a result I can't seem to find a solution to this problem. If someone knows how to work this out, I'd be grateful if you can assist me.

Best Regards,
Sabier