[zulyamodx]

Здравствуйте.
Есть js скрипт, который выводить всплывающие уведомления. Но текст появляется и исчезает резко. Хотелось бы чтобы текст плавно появлялся и исчезал. Вот и сам код:

<script>

window.addEventListener("DOMContentLoaded", function() {
    function d() {
        b = a[c];
        c = ++c % g;
        b.classList.add("show");
        e = window.setTimeout(f, 5E3)
    }

    function f() {
        window.clearTimeout(e);
        b.classList.remove("show");
        window.setTimeout(d, 5E3)
    }
    var a = document.querySelectorAll(".parent_popup"),
        e, b, a = [].slice.call(a, 0),
        c = 0,
        g = a.length;
    a.forEach(function(a) {
        a.querySelector(".close").addEventListener("click", function(a) {
            a.preventDefault();
            f()
        })
    });
    window.setTimeout(d, 5E3)
});
</script>

Вы можете изменить код таким образом, что текст появлялся и исчезал плавно?
Я меняла show и close на fadeIn и fadeOut, но скрипт перестал работать. Заранее спасибо.