Graceful javascript accordion using JQuery part1
I am gonna try in my next few post to show you how to build a perfectly accessible javascript accordion. I will use JQuery as Javascript framework but if you prefer any other I am sure you will be able to adapt the syntax to fit the library of your choice.
Goals:
- Accordion using JQuery
- Site MUST remain navigable if javascript is not in use on the client
- Valid and semantic code
- Cross browser
The accordion I want is meant to display blog post so I will need a “view more” and “close” link, maybe a “view all / close all”. Obviously I also need to display just the intro of the post and get the full post when you click view more.
Ok lets see what we can do


