Tabbing - a guidline on how to

By admin on 20 Jan | 0 comments

Over the past week or so on or off I have been looking into trying to get jquery tabs working with drupal 4.7, this was never going to happen as there are compatibility issues while trying to use both together (tabs and drupal 4.7). So reading that drupal 5 RC is just coming out in the next few days I decided to quickly have another going at getting it to work and lone behold its works seamlessly. Code and files are as follow copy the tabs.css, tabs-ie.css and tabs.js in the misc folder of your installation. In the head tabs copy some code as follows

With the following code where you would like the tabs to appear

Start With Custom Tab

Second tab is active:

Section 4

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Section 5

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Section 6

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Other examples of the tabs effects may be found here http://www.stilbuero.de/2006/11/05/tabs-version-2/