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

Leave a reply