O'Reilly logo

PHP Ajax Cookbook by R. Rajesh Jeba Anbiah, Roshan Bhattarai, Milan Sedliak

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Building a tab navigation using jQuery

Any site is incomplete without navigation links. Tabs are a good user interface approach to bring navigation to the site. Navigation links can easily be designed to look like tabs, through CSS. There are many tab implementations in jQuery. In this recipe, we'll look into how to integrate the jQuery UI Tabs plugin easily.

Getting ready

We'll require the jQuery UI from http://jqueryui.com/, with the Tabs component.

How to do it...

The jQuery UI Tabs plugin makes use of accessible markup standards. As soon as we use predefined HTML markup, and hook it to jQuery UI Tabs with a selector, we're done!

How to do it...
<!DOCTYPE html ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required