How to use the gsap/TweenMax.TweenLite.to function in gsap

show() {
        TweenLite.set('#news-feed', {y: -50}); // set the Y transform before animating it
        this.$el.removeClass(CLASSES.IS_INACTIVE);
        TweenLite.to('#news-feed', 0.3, {y: 0});
    }

show() {
        this.$el.removeClass(CLASSES.IS_INACTIVE);
        TweenLite.set('#dataset-overlay', {y: 50, opacity: 0});
        TweenLite.to('#dataset-overlay', 0.3, {y: 0, opacity: 1, ease: Power1.easeOut});
    }

show() {
        TweenLite.set('#js-person-tooltip', {y: 5, opacity: 0});
        this.$el.removeClass(CLASSES.IS_INACTIVE);
        TweenLite.to('#js-person-tooltip', 0.2, {y: 0, opacity: 1, ease: Power1.easeInOut});
        this.isActive = true;
    }

hide() {
        TweenLite.to('#js-person-tooltip', 0.2, {y: 5, opacity: 0, ease: Power1.easeInOut});
        TweenLite.delayedCall(0.4, () => {
            this.$el.addClass(CLASSES.IS_INACTIVE);
        });
        this.isActive = false;
    }

start = () => {
    if (this.tween) {
      this.tween.kill();
    }
    this.tween = TweenLite.to(this, this.duration, {
      time: this.duration,
      ease: Linear.easeNone,
      onUpdate: () => {
        for (let i = 0; i < this.callbacks.length; i += 1) {
          this.callbacks[i](this.time, this.time / this.duration);
        }
      },
      onComplete: () => {
        for (let i = 0; i < this.completeCallbacks.length; i += 1) {
          this.completeCallbacks[i]();
        }
      }
    });
  };

hide() {
        TweenLite.to('#js-endgame-overlay', 0.2, {y: 20, opacity: 0, ease: Power1.easeOut});
        TweenLite.delayedCall(0.4, () => {
            this.$el.addClass(CLASSES.IS_INACTIVE);
        });
    }

hide() {
        TweenLite.to(this.$id, 0.3, {y: 5, opacity: 0, ease: Power1.easeInOut});
        TweenLite.delayedCall(0.4, () => {
            this.$el.addClass(CLASSES.IS_INACTIVE);
        });
    }

show() {
        this.$el.removeClass(CLASSES.IS_INACTIVE);
        TweenLite.set('#dataset-overlay', {y: 50, opacity: 0});
        TweenLite.to('#dataset-overlay', 0.3, {y: 0, opacity: 1, ease: Power1.easeOut});
    }

constructor(options) {
        this.$el = $('#js-endgame-overlay');
        this.$el.removeClass(CLASSES.IS_INACTIVE);
        TweenLite.set('#js-endgame-overlay', {y: 50, opacity: 0});
        TweenLite.to('#js-endgame-overlay', 0.3, {y: 0, opacity: 1, ease: Power1.easeOut});
    }

hide() {
        TweenLite.to('#dataset-overlay', 0.2, {y: 20, opacity: 0, ease: Power1.easeOut});
        TweenLite.delayedCall(0.4, () => {
            this.$el.addClass(CLASSES.IS_INACTIVE);
        });
    }