JSFiddle - React, Tailwind, and code Playground

HTML

<!-- Toggles -->
<div class="a">hulk 1</div>
<div class="b">hulk 2</div>
<!-- Result -->
<div class="x" style="display:none">foo</div>
<div class="y" style="display:none">foooooo</div>
<div class="z" style="display:none">zzzzzz</div>
<!-- Script -->

JavaScript

$(".a").click(function () {
    var $this = $(this);
    $this.siblings(".x").toggle();
    checkZ();
});

$(".b").click(function () {
    var $this = $(this);
    $this.siblings(".y").toggle();
    checkZ();
});

function checkZ() {
    $('.z').hide();
    if ($('.x').is(':visible') && $('.y').is(':visible')) {
        
        $('.z').show();
    }
}