Tabcordion Markup

tabcordion-markup.html

<section class="tabs small-1-up medium-3-up">

  <input type="radio" name="mainTabs" checked id="tab1" />
  <label for="tab1" class="tab">Tab 1</label>
  <div class="tab-content"> 
    <p>The Hitchhiker’s Guide to the Galaxy has a few things to say on the subject of towels.</p> 
    <p>A towel, it says, is about the most massively useful thing an interstellar hitch hiker can have...</p> 
  </div> 

  <input type="radio" name="mainTabs" id="tab2" />
  <label for="tab2" class="tab">Tab 2</label>
  <div class="tab-content">
    <p>More importantly, a towel has immense psychological value. For some reason, if a strag (strag: nonhitchhiker) discovers that a hitchhiker has his towel with him, he will automatically assume that he is also in possession of a toothbrush...</p>
  </div> 

</section>