anchor.diff:      </div>
     </p>
   
  -  <pre>&lt;span class="tooltip" data-tooltip="tooltip-3" <strong>data-tooltip-toggle</strong>>Toggle Tooltip&lt;/span>
  +  <pre class="sg-pre prettyprint">&lt;span class="tooltip" data-tooltip="tooltip-3" <strong>data-tooltip-toggle</strong>>Toggle Tooltip&lt;/span>
   &lt;div class="tooltip--hide" data-tooltip-for="tooltip-3">
     &lt;strong>Toggle Tooltip&lt;/strong>&lt;br />
     This tooltip will toggle on and off with a click.
  
positive.code:     </div>
    </p>
  
    <pre>&lt;span class="tooltip" data-tooltip="tooltip-4" <strong>data-tooltip-follow</strong>>Follow Mouse&lt;/span>
  &lt;div class="tooltip--hide" data-tooltip-for="tooltip-4">
    &lt;strong>Tooltip&lt;/strong>&lt;br />
    This tooltip follows the mouse.
  
negative.code:     </div>
    </p>
  
    <pre class="sg-pre prettyprint">&lt;span class="tooltip" data-tooltip="tooltip-show" <strong>data-tooltip-show</strong> data-tooltip-position="right middle">This is an anchor&lt;/span>
  &lt;div class="tooltip--hide" data-tooltip-for="tooltip-show">
    This tooltip is always on.
  &lt;/div></pre>
  
    <p><code>data-tooltip-show</code> can be combined with <code>data-tooltip-toggle</code> to create a toggle tooltip that defaults to visible.</p>
  
    <p>
      <span class="tooltip" data-tooltip="tooltip-show-2" data-tooltip-show data-tooltip-toggle data-tooltip-position="right middle">Toggle anchor</span>
      <div class="tooltip--hide" data-tooltip-for="tooltip-show-2">
        This is my tooltip.
      </div>
    </p>
  
    <pre class="sg-pre prettyprint">&lt;span class="tooltip" data-tooltip="tooltip-show-2" <strong>data-tooltip-show data-tooltip-toggle</strong> data-tooltip-position="right middle">Toggle anchor&lt;/span>
  &lt;div class="tooltip--hide" data-tooltip-for="tooltip-show-2">
    This is my tooltip.
  &lt;/div></pre>
  
    <h2 class="heading-two">Global over-rides</h2>
  
    <p>There are some global settings in the <code>tooltip.js</code> file that you can hard-code to over-ride on a global basis:</p>
  
    <pre class="sg-pre prettyprint">var defaultPosition   = "right top"
  var followMouse       = false;
  var toggleTooltips    = false;</pre>
  
  