JSFiddle - React, Tailwind, and code Playground

by H17737

HTML

<div>1</div>
<div class="ree">2</div>
<div class="foo">
    <div class="bar">
        <div class="nike">3</div>
    </div>
</div>
<div>4</div>

JavaScript

var dimmed = false;

$('.nike').on('click', function () {
    if(dimmed){
        $('div').each(function () {
            if ($('.nike').closest($(this)).length == 0) {
                $(this).css('opacity', '1');
            }
        })
    }else{
        $('div').each(function () {
            if ($('.nike').closest($(this)).length == 0) {
                $(this).css('opacity', '0.2');
            }
        })        
    }
    dimmed = !dimmed;
});