anchor.diff:          <h6>Accordion</h6>
           <p>Adding an <code>accordion</code> class to the section container will show an accordion on both small and large screens.</p>
   <%= code_example '
  -<div class="section-container accordion" data-section>
  +<div class="section-container accordion" data-section="accordion">
     <section class="section">
       <p class="title"><a href="#">Section 1</a></p>
       <div class="content">
  
positive.code:   </section>
  </div>', :html %>
  
          <h6>Tabs/Accordion</h6>
          <p>Adding a <code>tabs</code> class to the section container will enable tabs on large screens and show an accordion on small screens.</p>
  <%= code_example '
  <div class="section-container tabs" data-section>
    <section class="section">
      <p class="title"><a href="#">Section 1</a></p>
      <div class="content">
  
negative.code:         <p>Then, you'll need to add a data-attribute to make the JS work properly on that element. That looks like:</p>
  
  <%= code_example '
  <div class="section-container auto" data-section>
    <section class="section">
      <p class="title"><a href="#panel1">Section 1</a></p>
      <div class="content">
  