JSFiddle - React, Tailwind, and code Playground

HTML

<div id="A">AAAA</div>
<div id="B" class="hidden">BBBB</div>
<div id="C" class="hidden">CCCC</div>

CSS

.hidden{
    display:none;
}

JavaScript

$("#A").on("click", function(){
    $.event.trigger({type:"custom"});
});
$("#B").on("custom", function(e){
    $("#B").removeClass("hidden");
});
$("#C").on("custom", function(e){
    alert("something");
});