JSFiddle - React, Tailwind, and code Playground

by lollero

HTML

<div id="jotain">Klikkaa</div>
<div id="jotainmuuta">YAY</div>

CSS

#jotain { cursor: pointer; }

#jotain,
#jotainmuuta {
    padding: 6px;
    color: #fff;
    background: #333;
    border-radius: 6px;
    float: left;
    margin: 4px;
    display: none;
}

JavaScript

var speed = 400;

$('#jotain').delay( speed * 2 ).show( speed ).on("click", function() {

    var jotain = $(this),
        jNext = jotain.next();
    
    if ( jNext.is(':visible') ) {
        jNext.hide( speed );
    }
    else {
        jNext.show( speed );
    }

});