JSFiddle - React, Tailwind, and code Playground

HTML

<section>
    <aside>
        <button>Foo</button>
    </aside>    
</section>

JavaScript

jQuery(function($) {
    
    $('button').on('click', function () {
        $('body').addClass('zoomed');
    });
    
    $('aside').on('hover', 'body:not(.zoomed) button', function () {
        $('section').append('<p>HOVER!</p>');
    });
        
});