JSFiddle - React, Tailwind, and code Playground

HTML

<button type="button" id="hideStuff">Click me!</button>
<div id="svgContainer">
    <div id = 'svg'>
    <div id="canvasParent">
        CanvasParent
    </div>
    <div id="canvasChild">
        CanvasChild
    </div>
    <div id="whatever">
        Whatever... Hide me!
    </div>
    <div id="showMe">
        Please keep me visible! Pleeeeaaaase!
    </div>
    </div>
</div>

JavaScript

$(document).ready(function() {
   $(document).on('click', '#hideStuff', function(e) { // In case you have dynamic content
       $('#svgContainer').children().not('#canvasParent').not('#canvasChild').hide();
   });
});