FANDOM


  • I want to make custom tabbers, but I'm unsure of what all the tabber headings refer to. Like the difference between .tabbernav and .tabbertab. 

      Loading editor
      • .tabbernav - The list of tabs users can click to change which content is displayed.
      • .tabber - A content container which may or may not be visible depending on which tab was previously clicked.

      Edit:

      Here is the HTML generated by the example on Help:Tabber.

      <div class="tabber tabberlive">
        <ul class="tabbernav">
          <li class="tabberactive">
            <a title="First Tab Title" href="#">First Tab Title</a>
          </li>
          <wbr>
          <li>
            <a title="Second Tab Title" href="#">Second Tab Title</a>
          </li>
          <wbr>
          <li>
            <a title="Third Tab Title" href="#">Third Tab Title</a>
          </li>
          <wbr>
        </ul>
        <div class="tabbertab" title="First Tab Title" style="display: block;">
          <p>First tab sample text.</p>
        </div>
        <div class="tabbertab" title="Second Tab Title" style="display: none;">
          <p>Second tab content goes here.</p>
        </div>
        <div class="tabbertab" title="Third Tab Title" style="display: none;">
          <p>Third tab content goes here.</p>
        </div>
      </div>
        Loading editor
    • A FANDOM user
        Loading editor
Give Kudos to this message
You've given this message Kudos!
See who gave Kudos to this message
Community content is available under CC-BY-SA unless otherwise noted.