Sortable with 3 lists, 2 sub lists, 1 master list & reverse ...
Hi, I know the subject doesn't really do justice to what I'm trying to
do here, I think I'm close, I just can't figure out what's next.
I have 3 lists, I want both features & widgets to be draggable to the
'active' list. But I only want items with class 'feature' to go BACK
to the 'features' list and class 'widget' to go back to 'widgets'
list. Understand? Doable??
Here's my code:
<ul class="features">
<li class="feature">Name of Feature</li>
<li class="feature">Name of Feature</li>
<li class="feature">Name of Feature</li>
</ul>
<ul class="widgets">
<li class="widget">Name of Widget</li>
<li class="widget">Name of Widget</li>
<li class="widget">Name of Widget</li>
</ul>
<ul class="active-features-widgets">
<li class="feature">Name of Feature</li>
<li class="widget">Name of Widget</li>
<li class="widget">Name of Widget</li>
</ul>
$(".features, .widgets").sortable({
connectWith: '.active-features-widgets'
}).disableSelection();
$(".active-features-widgets").sortable({
items: '.feature',
connectWith: '.features'
}).disableSelection();
--