anchor.diff:    <p>Add <code>data-toggle-focus</code> to focus on the first available input after toggling.</p>
   
     <%= render layout: "/layouts/styleguide/styleguide_feature", locals: { id: "example-3" } do -%>
  -<a href="#" data-toggle-anchor="example-focus" data-toggle-focus>Show</a>
  +<button data-toggle-anchor="example-focus" data-toggle-focus>Show</button>
   <div data-toggle="example-focus">
     <input type="text" />
   </div>
  
positive.code: 
    <%= 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>
  </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>
  </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>
  </div>
  <div data-toggle="example-2-3">
    This is the content for 3
  
negative.code:   really<br />
    long<br />
    content<br />
    <button data-toggle-anchor="example-4" data-toggle-scroll>This is a slave anchor that will scroll to the top</button>
  </div>
    <%- end -%>
  
  