Web Design Tips: jQuery UI Accordion Widget

Adding an interactive accordion widget to your ecommerce site can provide a great design feature that conveys professionalism and makes your content more readable.

There are plenty of instances in website design when we would like to have a lot of content on a page, but, unless you are creating articles or blog posts, too much text causes the pages to scroll, which makes the content less readable.

As an example, imagine that you have a product detail page with a product description, product image, 20 or more customer reviews, washing and care instructions, inventory availability, related products, and shipping options. That can be a lot of text on a page type (i.e. a contact page or even a product detail page) that does not usually scroll well. So how do you manage all of that copy?

One solution is to use what designers call an accordion, which simultaneously shows some bit of content while hiding other content. You can think of it as a vertical tab.

In this edition of "Web Design Tips," I am going to show you how to very quickly implement an accordion widget based on the jQuery library.

Read More Article...