one

toggle connections
disable dragging
detach all
two

toggle connections
disable dragging
detach all
three

toggle connections
disable dragging
detach all
four

toggle connections
disable dragging
detach all

this demo uses jsPlumb 1.2.3, jQuery 1.4.2 and jQuery UI 1.8.0.

drag between similar endpoints to create connections.

upon disconnection, yellow connections automatically reattach

the others are removed.

green endpoints support up to three connections.

clear plumbing

next: animated dragging demo

see a MooTools version of this demo.