Glossy Accordion Menu

[orenlebbo]

1) Script Title:
Glossy Accordion Menu

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...enu-glossy.htm

3) Describe problem:

hi.
i added the 'plus' and 'minus' gifs to the menu. how can i customize it ?
how can i move the buttons to a different place ?
thanks

[Nile]

The style is right here:

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

(find that in your css)

[orenlebbo]

thanks.
i'm trying to use the plus/minus icons but not in Glossy Accordion but in Urban Gray Accordion.
what should be the command instead of:
.glossymenu a.menuitem .statusicon{ ?
i tried:
.urbangreymenu a.menuitem .statusicon{
but it didn't work..

[orenlebbo]

Hi.
any idea ? please...

[Nile]

Download the plus and minus icons from the glossy accordion menu.

In your style, add:

.urbangreymenu img {
position: absolute;
top: 8px;
right: 5px;
}

Then, in each h3 add an image with a url to minus.gif, e.g.,

<h3 class="headerbar"><a href="http://www.dynamicdrive.com/style/">CSS Library</a><img src="minus.gif" /></h3>

Then for the onopenclose option add:

	onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
		if(state == "none"){
			header.getElementsByTagName('img')[0].src = "minus.gif";
		} else {
			header.getElementsByTagName('img')[0].src = "plus.gif";
		}
	}

Good luck