JSFiddle - React, Tailwind, and code Playground

HTML

<button id="blocker">CHECK IF BLOCK -> BLOCK</button>
<button id="noner">CHECK IF NONE -> NONE</button>
<div class="yesr">
    <img src="http://jsfiddle.net/img/logo.png" alt="hey yo" />PPPP
</div>
<div class="yesr" id="human2">
    <img src="http://jsfiddle.net/img/logo.png" alt="hey yo" />PPPP
</div>
<div class="yesr" id="humanity">
    <img src="http://jsfiddle.net/img/logo.png" alt="hey yo" />PPPP
</div>
<div class="yesr">
    <img src="http://jsfiddle.net/img/logo.png" alt="hey yo" />PPPP
</div>

<p id="heyyo">hehhehehehehehe</p>

CSS

div.yesr {
    display:block;
    height:40px;
    background:black;
}
div.yesr > img {
    display:block;
}
#humanity {
    background:#434;
}
#human2 {
    background:#999;
}
#human2 img {
    display:none;
}

JavaScript

$( "#blocker" ).click(function() {
    if($( ".yesr" ).children("img").css('display') == 'block')
    {
        $( ".yesr" ).css( "display", "block" );
    }
});

$( "#noner" ).click(function() {
    if($( ".yesr img" ).css("display") == "none")
    {
        $( ".yesr" ).css( "display", "none" );
    }
});