These are accessible tabs with minimal CSS styling. Information on what qualifies horizontal or vertical tabs as accessible can be found in the article W3 Example of Tabs with Manual Activation.

The files tabs.js and tabs.css contain the javascript and styling (respectively) for tabs.

There are two types of horizontal tabs, and one type of vertical tab. These different styles can be switched with simple css classes.

• Horizontal tabs (default)
  • Rounded corner tabs (default)
    • UNT green .green
    • UNT chartreuse .lime
    • Gray .green
  • Full-width tabs .fullwidth-tab
• Vertical tabs .vertical

These styles should be applied to the main tabs wrapper, e.g.:

<div class="tabs lime" id="tablist1">

Third tab content goes here. :)