tabTabs

To create tabs, you need an input to keep the tab's open/closed state, a label to be the "button" that trigger the input change, and a div with your tab's content.

Take this basic code example:

<div class="tabs">

  <input type="radio" name="tab-toggle" id="tab-toggle-1">

  <label class="tab" for="tab-toggle-1">First tab</label>

  <div class="tab-content">First tab content.</div>



  <input type="radio" name="tab-toggle" id="tab-toggle-2">

  <label class="tab" for="tab-toggle-2">Second tab</label>

  <div class="tab-content">Second tab content.</div>

</div>

Live example: