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(){
    $(document).trigger("custom");
});
$(document).on("custom", function(e){
    $("#B").removeClass("hidden");
});
$(document).on("custom", function(e){
    alert("something");
});