Hi

 

Please be gentle, first time posting.

 

I am using wordpress, finding jQuery sooooo cool I have decided to learn from the ground up. I have decided to add an jQuery accordion for content in one of my pages.

 

Firstly, there are manay, many different demos etc online which I am still browsing through.

 

Could anyone recommend a site/demo/tuturial for an accordion that is all closed on start and opens on hover?

 

Secondly, the ones I have come across so far have all the same header (main links to toggle), i.e. one color bg / different color bg on hover / different color bg when open.

 

Is it possible to have the header links different from each other via css, i.e

four tabs, each when hover over show content, close when hover out

each tab is a different color defined by class with different backgrounds? i.e <h1 class="a"><h1 class="b">

It is mainly that i would like the end of each tab to be part of an image (image split into four) which separates as the tab is hovered over.

 

Thank in advance for any assistance offered