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();

--

You received this message because you are subscribed to the Google Groups 
"jQuery UI" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to 
[email protected].
For more options, visit this group at 
http://groups.google.com/group/jquery-ui?hl=en.


Reply via email to