Barba: Fade out/in pure javascript

[bodanus7]

Hey,
If I understood correctly Barba Js no need jQuery library to work; could somebody help me and change the following code for pure javascript that works without jquery library:

var FadeTransition = Barba.BaseTransition.extend({
                start: function() {
                    Promise
                        .all([this.newContainerLoading, this.fadeOut()])
                        .then(this.fadeIn.bind(this));
                },

                fadeOut: function() {
                    $(this.oldContainer).toggleClass('fade-out');

                    return new Promise(function(resolve, reject) {
                        window.setTimeout(function() {
                            resolve();
                        }, 700);
                    });
                },
                fadeIn: function() {
                    $(this.newContainer).toggleClass('fade-in');
                    this.done();
                }
            });

            Barba.Pjax.getTransition = function() {
                return FadeTransition;
            };

I'm very grateful for your help.

[gordonwes]

```
var FadeTransition = Barba.BaseTransition.extend({
start: function () {
Promise
.all([this.newContainerLoading, this.fadeOut()])
.then(this.fadeIn.bind(this));
},

fadeOut: function () {
    var oldWrap = this.oldContainer;
    oldWrap.classList.toggle('fade-out');

    return new Promise(function (resolve, reject) {
        window.setTimeout(function () {
            resolve();
        }, 700);
    });
},
fadeIn: function () {
    var newWrap = this.newContainer;
    newWrap.classList.toggle('fade-in');
    this.done();
}

});

Barba.Pjax.getTransition = function () {
return FadeTransition;
};