Revision: 5203
Initial Code
Initial URL
Initial Description
Initial Title
Initial Tags
Initial Language
at February 18, 2008 22:10 by zachharkey
Initial Code
<div class="drupal-tabs"> <!-- These are the actual tab labels. They are always visible, the current tab's a will have an 'active' class --> <ul class="anchors"> <li><a href="#bodoni">Bodoni</a></li> <li><a href="#frutiger">Frutiger</a></li> <li><a href="#helvetica">Helvetica</a></li> <li><a href="#univers">Univers</a></li> </ul> <!-- These are the individual tabs. All but the currently selected tab will be hidden --> <div id="bodoni"> <?php print $bodoni ?> </div> <div id="frutiger"> <?php print $frutiger ?> </div> <div id="helvetica"> <?php print $helvetica ?> </div> <div id="univers"> <?php print $univers ?> </div> </div>
Initial URL
Initial Description
Say you wanted the following 4 tabs: bodoni, helvetica, frutiger, univers, each outputting a separate block view of 3 teasers each. This is what your markup would look like:
Initial Title
Drupal jquery tabset
Initial Tags
jquery, drupal
Initial Language
HTML