JavaScript: ricreare il metodo show() di jQuery

JavaScript
01/01/2021
Gabriele Romanato

In JavaScript è semplice mostrare un elemento come fa jQuery.

Assegneremo i seguenti stili CSS agli elementi:


.hidden {
    display: none;
    transform: scale(0);
}

La soluzione JavaScript è la seguente:


'use strict';

const show = (el, delay) => {

    el.style.transition = 'all ' + delay + 'ms ease-out';
    el.style.display = '';

    setTimeout(() => {
       el.style.transform = 'scale(1)';
    }, delay);
};