jQuery Tabbed Interface

June 22nd, 2010
1. Introduction

Nowadays, a lot of websites are using tab based content as a way to save spaces in a webpage. I have seen a lot of wordpress websites using a tabbed interface for its category, posts, comments and random posts content. It’s a good “space-saver” and if used it correctly, it can boost your website usability as well. Right, first of all, we need to have the ideas and the design structure for this tabbed interface.
My ideas:
  • Buttons on the top, content reside in different DIV elements.
  • Click on one of the buttons, it shows the relevant content.
  • Click on other buttons, it hides the existing and display the correct one.

Incoming search terms for the article:

Tags: , , , , , , , , ,