PolicyGenius - Style Guide

Delayed




 
div style='height: 400px;'
  img.example-activate src='holder.js/200x80?auto=yes&theme=dark&text=Click to activate' style='margin-bottom: 12px;'
  br
  img.example-animation src='holder.js/200x80?auto=yes&theme=dark' style='display: none'
  br
  img.example-animation src='holder.js/200x80?auto=yes&theme=dark' style='display: none'
  br
  img.example-animation src='holder.js/200x80?auto=yes&theme=dark' style='display: none'
 
$('.example-activate').on('click', function() {
  var delay = 0;

  $('.example-animation').hide();

  $('.example-animation').each(function(i, el) {
    delay += 600;

    setTimeout(function () {
      $(el).show().addClass('animation-delayed')
    }, delay);
  })
});