jQuery Widgets Create Web Page Structure

jQuery Widgets Create Web Page Structure

With the power of the jQuery UI, you can use widgets to quickly build a web site structure.

Part 1

jQuery is a javascript framework that has given web pages quite a bit of interactivity.  As I explored how to use this framework, I stumbled upon an article on how to use jQuery widgets to build web page structure and navigation.  So, I took that idea and started to make some changes.

When I start building a website, I use navigation to organize my content.  I’m always conflicted about navigation, though.  It should be simple and straight forward and allow the user to quickly get to what they need.  But, what if there is a lot of content that needs to be presented and showing all the links would become a long scrolling unordered list?  Well, the jQuery accordion widget comes to the rescue.

The accordion is a very popular structure on the web and an excellent choice for navigation.  The heading in the collapsible panel can serve as the first step in categorizing the content.  The content of an accordion panel can contain unordered lists as navigation.  See demo…