<Advanced CSS Accordion Effect ⁄ >

A while back, I wrote an article demonstrating how the popular "accordion" effect (as in the image above) could be replicated with nothing more than CSS. There was one caveat, however: the technique didn't work in Internet Explorer 6 due to the browser's extremely limited support of the :hover pseudo-element.

Now, IE6's market share is decreasing day by day - and we're all undoubtedly thankful. But the browser will continue to maintain a healthy market share for quite some time to come. To that end, I'd like to revisit the CSS accordion technique and make a modification or two that will let it work with IE6.

I'm going to admit up front: these modifications require JavaScript. So what's the point of having a "CSS" accordion technique that uses JavaScript? Well, all those other accordion techniques out there require JavaScript, and almost all require an entire JavaScript framework. This technique is merely improved by JavaScript - all modern browsers will handle this technique just fine even without JS enabled.



este é só um excerto do artigo, para aceder ao artigo completo, clique no link em baixo:
this is just a small excerpt from the article, to access the full article please click in the link below:
http://www.cssnewbie.com/advanced-css-accordion-effect/