JSFiddle - React, Tailwind, and code Playground

HTML

<div class="foo">
    <div class="bar"></div>
</div>

CSS

.foo {
    position: absolute;
    left: 10px;
    top: 10px;
    background: #ff0000;
}

.bar {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 20px;
    height: 20px; 
    background: #0000ff;
}

JavaScript

console.log($('.foo').is(':hidden'));
console.log($('.bar').is(':hidden'));