JSFiddle - React, Tailwind, and code Playground

HTML

<div id="cat">
<div class="hello">hello</div><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <div class="world">world</div><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</div>

CSS

.hello { border: solid green; }
.red { background-color: red;}
.blue { background-color: blue;}

JavaScript

$( document ).ready(function() {
	   if ($('.hello').is(":visible") ){
	    $('.world').addClass('red');       
	    }
	    else if  ($('.hello').is(":hidden") ){
	    $('.world').addClass('blue');  
	     }
	});