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