Hi Everyone, ======OVERVIEW=======
First, please visit this link to view the code I am dealing with: http://pastie.caboo.se/115218 Basically, I am using the Sortables Example you can find here: http://interface.eyecon.ro/demos/sort.html The ToggleContent function uses the following line to associate the link that is expanding/collapsing and the DIV it should be affecting: var targetContent = $('div.pContent', this.parentNode.parentNode.parentNode); So in my case, I have an arrow that opens/closes based on the click and the state is in. This all works just fine. ======PROBLEM======= I added line 6 in the PASTIE example above. $('div.pHeader').bind('dblclick', toggleContent); pHeader is equivalent to itemHeader in the Interface.eycon.ro example. Basically, I want to give the user the ability to doubleclick the Sortables header to close/expand that particular sortable palettes content. My DoubleClick code I added (line 6) works fine, except it closes ALL sortable palettes in their respective column. So in the SORT1 column on http://interface.eyecon.ro/demos/sort.html , if there are 2 sortable blocks, and I doubleclick the first sortable header, both sortable palettes close. This is NOT the effect I am after. How does my code need to change to accept a DOUBLE CLICK on the Sortable Header to close it's respective content? Thank you, Bryan