Advanced Search

Return to Snippet

Revision: 5203
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