I recently added an Accordion widget to the right panel of my blog. The accordion has the last five entries for each blog category, so the reader can preview the contents of a category without leaving the front page.
I used the Accordion Widget from the OpenRico library for this project. It took very little time to implement, and was a fun little “quick win” project. This is the kind of thing that AJAX can be great for: adding a little interactivity to a basically static page.
One minor irritation I encountered: the accordion data (for all categories) appeared briefly on load (in the time after the Divs containing the data arrived and before the page completed loading). This created an ugly flicker effect.
This is annoying, since there’s no reason the ads can’t load AFTER the page is complete. I’m going to experiment with some code that forces the ads to load at a more appropriate time (perhaps wrapping them in an iframe will work?) For now I’ve simply removed the ads.
Another annoyance: the timing of the opening / closing of the divs in the accordion is a little off. It seems to start opening a little before it starts closing, so the accordion grows longer for a split-second. This is a really disturbing artifact (every UI person I’ve showed this to has immediately pointed it out), but I haven’t been able to find a fix yet.
Like it? Hate it? Is it working in your browser? Let me know!