drag me

Q: Three boxes: #outer1, #outer2, #outer3, each contain a .droppable (#droppable1, #droppable2, #droppable3), with activeClass: 'state-active'. Upon becoming state-active (that is, whenever you drag the blue 'draggable'), the droppable should color red. In addition to this, #droppable2 is visibility: hidden #droppable2.state-active: visibility: visible (so it should color red). #droppable3 is display: none, #droppable3.state-active: display: block, however, it NEVER gets this class, probably because it is display hidden, and apparently, the jQuery UI Draggable/Droppable code explicitly excludes elements in the DOM that are not displaying (yet!)