timeline.js 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. (function (global, factory) {
  2. if (typeof define === "function" && define.amd) {
  3. define("/structure/timeline", ["jquery", "Site"], factory);
  4. } else if (typeof exports !== "undefined") {
  5. factory(require("jquery"), require("Site"));
  6. } else {
  7. var mod = {
  8. exports: {}
  9. };
  10. factory(global.jQuery, global.Site);
  11. global.structureTimeline = mod.exports;
  12. }
  13. })(this, function (_jquery, _Site) {
  14. "use strict";
  15. _jquery = babelHelpers.interopRequireDefault(_jquery);
  16. (0, _jquery.default)(document).ready(function ($$$1) {
  17. (0, _Site.run)();
  18. $$$1('.timeline-item').appear();
  19. $$$1('.timeline-item').not(':appeared').each(function () {
  20. var $item = $$$1(this);
  21. $item.addClass('timeline-invisible');
  22. $item.find('.timeline-dot').addClass('invisible');
  23. $item.find('.timeline-info').addClass('invisible');
  24. $item.find('.timeline-content').addClass('invisible');
  25. });
  26. $$$1(document).on('appear', '.timeline-item.timeline-invisible', function (e) {
  27. var $item = $$$1(this);
  28. $item.removeClass('timeline-invisible');
  29. $item.find('.timeline-dot').removeClass('invisible').addClass('animation-scale-up');
  30. if ($item.hasClass('timeline-reverse') || $item.css('float') === 'none') {
  31. $item.find('.timeline-info').removeClass('invisible').addClass('animation-slide-right');
  32. $item.find('.timeline-content').removeClass('invisible').addClass('animation-slide-right');
  33. } else {
  34. $item.find('.timeline-info').removeClass('invisible').addClass('animation-slide-left');
  35. $item.find('.timeline-content').removeClass('invisible').addClass('animation-slide-left');
  36. }
  37. });
  38. });
  39. });