anchor.diff:      </div>
     </section>
   </div>', :html %>
  +        <p>This example will automatically switch between tabs and accordion based on the resolution of the device.</p>
   
           <p>The class options:</p>
           <ul class="disc">
  
positive.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" data-section>
    <section class="section">
      <p class="title"><a href="#panel1">Section 1</a></p>
      <div class="content">
  
negative.code:         <p>Set <code>deep-linking</code> to true to enable deep linking to sections of content. Deep linking allows visitors to visit a predefined URL with a hash that points to a particular section of the content. Deep linking also requires a matching <code>data-slug</code> on the content section that the hash should point to, without the pound (&#35;) sign.</p>
  
          <%= code_example '
  <div class="section-container auto" data-section data-options="deep_linking: true">
    <section class="section">
      <p class="title"><a href="#section1">Section 1</a></p>
      <div class="content" data-slug="section1">
  