anchor.diff:    </div>
   
     <div id="step2" class="white-well tour-block">
  +
  +    <!-- textSelected -->
       <div class="arrow-right">
         <div class="arrow-right-white"></div>
       </div>
  
positive.code:   </div>
  
    <div id="step3" class="white-well tour-block">
      <div class="arrow-right">
        <div class="arrow-right-white"></div>
      </div>
  
      <h4>Your first Factlink is a fact!</h4>
      <p>To view it, simply click the text you selected or click on 'Show' to open.</p>
    </div>
  
    <div id="step4" class="white-well tour-block">
      <div class="arrow-right">
        <div class="arrow-right-white"></div>
      </div>
  
      <h4>That's how you view a Factlink</h4>
      <p>You can now interact with the Factlink, or close it and click continue.</p>
  
      <%= link_to( 'Continue', choose_channels_path, class: "btn btn-primary btn-mini", disable_with: "Loading..." ) %>
  
    </div>
  
  </div>
  
negative.code:   <script>
  
    $(window).on('factlink.libraryLoaded', function () {
      FACTLINK.hideDimmer();
  
      FACTLINK.on('textSelected', function () {
        tour.showStep(2);
      });
  
      FACTLINK.on('modalOpened', function () {
        tour.showStep(3);
      });
  
      FACTLINK.on('opinionSet', function () {
        tour.showStep(4)
      });
  
      FACTLINK.on('factlinkAdded', function () {
        tour.showStep(5);
  
        (function(Factlink){
          Factlink.stopAnnotating();
        })(document.getElementById("factlink-iframe").contentWindow.Factlink);
      });
    });
  
    </script>
  