accordion glossymenu toggleclass does not work

[mvandek2]

I want to use these classes in the Accordion Glossymenu
toggleclass: ["collapsed", "expanded"]
to control the layout of the collapsed and expanded menu's.

I just want to have different text colours but cannot get this to work with classes like these:

.glossymenu a.expanded{
color: #FF0000;
}

.glossymenu a.collapsed{
color: #00FF00;
}

The first only acts like an "active" tag, so it turns red for a short in stead of remaining red after expanding.

Is this a bug?

[ddadmin]

Warning: Please include a link to the DD script in question in your post, in this case: Glossy Accordion Menu (http://www.dynamicdrive.com/dynamicindex17/ddaccordionmenu-glossy.htm). See this thread (http://www.dynamicdrive.com/forums/showthread.php?t=6) for the proper posting format when asking a question.

There might be some CSS specificity at play here causing others styles you've defined for the same links to override what you've specified above, since it's pretty weak specificity wise. To test this, try adding "!important" to the mix:


.glossymenu a.expanded{
color: #FF0000 !important;
}

.glossymenu a.collapsed{
color: #00FF00 !important;
}