JSFiddle - React, Tailwind, and code Playground

HTML

<div id="one" class="hidden">
    Test one
</div>
<div id="two" class="hidden">
    Test two
</div>
<div id="three" class="hidden">
    Test three
</div>

CSS

.hidden { display: none; }

JavaScript

document.ready(function () {
    
    var x = true;

    x && doSomething($("div#one"));
    
    if (x) doSomething($("div#two"));
    
    doSomething($("div#three"));
    
});

doSomething($div) {
    alert($div.length);
    $div.removeClass("hidden");
    return true;
}