anchor.diff:          window.open(url,'_blank');
         })
   
  -      $('.compare').unbind().on('click', function(){
  -        var slide = $(this).closest(".slide"),
  -            newImage = slide.find('a.shot:eq(0)').attr('href'),
  -            oldImage = slide.find('a.shot:eq(1)').attr('href'),
  -            diffImage = slide.find('a.shot:eq(2)').attr('href');
  -        $('.container').append('<div class="compare-modal"><div class="compare-container"><img src="'+newImage+'"/><img src="'+oldImage+'"/><img src="'+diffImage+'"/></div></div>');
  -        $('.compare-modal').unbind().on('click', function(){
  -          $(this).remove();
  -        })
  -      })
  +      compareModal.on('click', function(){
  +        $(this).remove();
  +      });
   
         $(document).on('keyup', function(e) {
  -        if (e.keyCode === 37) {
  +        if (e.keyCode === 27) { // Escape
  +          compareModal.hide();
  +        } else if (e.keyCode === 37) { // Left
             slideshow.cycle('prev');
  -        } else if (e.keyCode === 39) {
  +        } else if (e.keyCode === 39) { // Right
             slideshow.cycle('next');
           }
         });
  
positive.code: </script>
  </head>
  <body>
    <div class="container">
      <div class="row">
        <div class="col-sm-12 col-md-3">
  
negative.code:   <script type="text/javascript">
      $(function() {
        var slideshow = $('.slideshow');
        var compareModal = $('.compare-modal');
  
        slideshow.cycle({
          fx:     'scrollHorz',
  