JSFiddle - React, Tailwind, and code Playground

by cmbuckley

HTML

<button id="globe">Click me</button>

<p class="faculty-info">I'm hidden to begin with</p>

CSS

.faculty-info {
    display: none;
}

.cbp-spmenu-open {
    display: block;
}

JavaScript

$("#globe").on('ended', function () {
    $('.faculty-info').delay(5000).queue(function () {
        $(this).addClass('cbp-spmenu-open').dequeue();
    });
});

// just to trigger the event
$('#globe').click(function () {
    $(this).trigger('ended');
});