githubmirror/materialize

js/cards.js

23 строки802 B

Alvin Wang

Added new easing to match Material Animations

08 фев 2015, 21:28

08 фев 2015, 21:287fba6f1

(function ($) {
  $(document).ready(function() {

    $('.card > .card-reveal').each(function() {
      $(this).parent().css('overflow', 'hidden');
    });

    $(document).on('click.card', '.card', function (e) {
      if ($(this).find('.card-reveal').length) {
        if ($(e.target).is($('.card-reveal .card-title')) || $(e.target).is($('.card-reveal .card-title i'))) {
          $(this).find('.card-reveal').velocity({translateY: 0}, {duration: 225, queue: false, easing: 'easeInOutQuad'});
        }
        else if ($(e.target).is($('.card .activator')) ||
                 $(e.target).is($('.card .activator i')) ) {
          $(this).find('.card-reveal').velocity({translateY: '-100%'}, {duration: 300, queue: false, easing: 'easeInOutQuad'});
        }
      }


    });

  });
}( jQuery ));