1 Attachment(s)
Bullet List Accordion Menu (State Change/ Linking/ Collapse) Help
1) Script Title: Bullet List Accordion Menu
2) Script URL (on DD): Bullet List Accordion Menu
3) Describe problem: I need assistance with:
- Non-expandable header hover/click state change
- Non-expandable header linking (More of a syntax coding check really)
- Collapsing any open headers when a non-related, non-expandable header or link is clicked.
Non-Expandable Header Hover/Click State Change:
Explained simply, I need the background of the headers to change from "titlebar.png" to "titlebar-active.png" when the mouse hovers over headers hit area.
And then for the non-expandable headers to change in appearance when clicked, as the expandable headers do. And, for what it's worth, the non-expandable headers will be linking to pages.
Non-Expandable Header Linking:
For my non-expandable headers, I simply changed the coding from:
Code:
<h3 class="menuheader">Header</h3>
to:
Code:
<h3 class="menuheader"><a href="header.html">Header</h3>
Is this the correct way to do this?
Collapsing Open Headers:
I found THIS subject in the forums, but am a bit confused on how to alter it to work for me.
If you open and examine the zip file I have attached, you can see my menu navigation structure. It goes as follows:
-------------------------------------------------------------------------
Specials
About (Expandable)
- The Studio
- The Staff
Gallery
Senior Challenge (Expandable)
- About
- Vote Now
Prices (Expandable)
- Senior
- Children
- Family / Pets
- Maternity / Newborn
- Promo / Business
- Special Occasion / Wedding
- Products
FAQ
Client Log-in
Contact
-------------------------------------------------------------------------
I want the "About", "Senior Challenge", and "Prices" headers to auto-collapse when unrelated headers/ sub-menus/ links are clicked. How can I alter this code...
Code:
onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
if (isuseractivated && index!=1) //if user clicks on any top level header that's not the 2nd one (1==2nd)
ddaccordion.collapseone("subexpandable", 0) //collapse sub menu with class="subexpandable", specifically, the first header within it
}
...to make it do that?