anchor.diff:  
     <%= render layout: "/layouts/styleguide/styleguide_feature", locals: { id: "example-2" } do -%>
   <div>
  -  <a href="#" data-toggle-anchor="example-2-1" data-toggle-group="example-2">Heading 1</a>
  +  <button data-toggle-anchor="example-2-1" data-toggle-group="example-2">Heading 1</button>
   </div>
   <div data-toggle="example-2-1">
     This is the content for 1
   </div>
   <div>
  -  <a href="#" data-toggle-anchor="example-2-2" data-toggle-group="example-2">Heading 2</a>
  +  <button data-toggle-anchor="example-2-2" data-toggle-group="example-2">Heading 2</button>
   </div>
   <div data-toggle="example-2-2">
     This is the content for 2
   </div>
   <div>
  -  <a href="#" data-toggle-anchor="example-2-3" data-toggle-group="example-2">Heading 3</a>
  +  <button data-toggle-anchor="example-2-3" data-toggle-group="example-2">Heading 3</button>
   </div>
   <div data-toggle="example-2-3">
     This is the content for 3
  
positive.code:   <p>Add <code>data-toggle-visible-label</code> to your anchor to swap the label.</p>
  
    <%= render layout: "/layouts/styleguide/styleguide_feature", locals: { id: "example-3" } do -%>
  <a href="#" data-toggle-anchor="example-3-1" data-toggle-visible-label="Hide">Show</a>
  <div data-toggle="example-3-1">
    This is the hidden content
  </div>
  
negative.code:   <h2 class="heading-two">Add a bottom toggle which scroll back to the top when hiding</h2>
  
    <%= render layout: "/layouts/styleguide/styleguide_feature", locals: { id: "example-4" } do -%>
  <button data-toggle-anchor="example-4" data-toggle-scroll data-toggle-scroll-master>This is the master toggle anchor</button>
  <div data-toggle="example-4">
    This<br />
    is<br />
  