Horizontal jQuery Accordion
A Horizontal Accordion displays several elements at once. They expland and contract to focus on specific element. In this video tutorial, I use jQuery, HTML and minimal CSS. You can use this in a page design to display several popular posts or pages. Then users can click on each one to expand it and read more about that item. This allows the storage of a lot of info in a small space. The horizontal accordions tend to be used more with photographs.
There is one small problem with this accordion. It flickers in Firefox. Not a lot. And only if the first item you choose is the last item in the accordion. It's a weird Firefox quirk. Firefox just seems to enjoy flickering. So it that's a big deal, don't use it. This accordion works in Chrome, Safari, Firefox, Opera, and Internet Explorer 9 and above.
I also do a cool trick where I turn the text sideways with cascading style sheets!
http://www.technoblogical.com/web-des...
Providing training since last Tuesday
http://www.technoblogical.com/
Thanks for watching!
