anchor.diff:    <p>Clicking away will hide the toggle when adding <code>data-toggle-temporary</code> and <code>data-toggle-temporary-anchor</code> attributes:</p>
   
     <%= render layout: "/layouts/styleguide/styleguide_feature", locals: { id: "example-3" } do -%>
  -<a href="#" data-toggle-anchor="example-temporary" data-toggle-temporary-anchor>Show</a>
  +<button data-toggle-anchor="example-temporary" data-toggle-temporary-anchor>Show</button>
   <div data-toggle="example-temporary" data-toggle-temporary>
     This will hide when you click away!
   </div>
  
positive.code:   <p>You can default a toggle open by adding <code>data-toggle-default</code></p>
  
    <%= render layout: "/layouts/styleguide/styleguide_feature", locals: { id: "example-3" } do -%>
  <a href="#" data-toggle-anchor="example-default" class="active">Show</a>
  <div data-toggle="example-default" data-toggle-default>
    This is open by default! 
  </div>
  
negative.code: 
    <%= render layout: "/layouts/styleguide/styleguide_feature", locals: { id: "example-2" } do -%>
  <div>
    <button data-toggle-anchor="example-speed-1" data-toggle-timing="100">Heading 1 (100)</button>
  </div>
  <div data-toggle="example-speed-1">
    This is the content for 1
  </div>
  <div>
    <button data-toggle-anchor="example-speed-2" data-toggle-timing="2000">Heading 2 (2000)</button>
  </div>
  <div data-toggle="example-speed-2">
    This is the content for 2
  