Help with Accordion Widget
Hi
I'm very new to using jQuery and jQuery UI, so apologies if question
is inappropriate or such like. But likewise, thanks in advance for
any help anyone can offer.
I’m using the Accordion Widget to break a list of items into
categories. Within each panel of the Accordion live a set of <li>
elements, each of which activates an information panel next to the
Accordion on a mouseover. Click on a header and you get to see a
different set of <li> elements etc.
The Accordion works OK if I don't animate it... (see it at
http://www.2gc.co.uk/resources-faqs.asp).
If I animate the Accordion, I'm finding that as the panels change the
<li> elements in the opening panel are firing mouseover events as they
pass under the mouse pointer.
I'd like to find a way to stop this happening. The only thought I
have had is to add the mouseover functionality to the exposed <li>
elements after the animation is complete, and remove it just prior to
a change in visible panel. This shouldn't be so hard - the <li>
events are added on document load via jQuery already, so adding them
later ought to be possible.
Couple of questions. First, is this the right way to solve this
problem? Second, if it is, can someone point me at some examples /
tutorials that use the "accordionchange" event - try as I might I
simply can't work out how to bind a function to this event, or then
access the oldHeader / newHeader attributes listed briefly in the
Accordion documentation (though complete accept this inability is due
to ignorance / dim-ness on my part, not failing in widget).
Thanks again for any help on this. Would be much appreciated.
Regards.