JSFiddle - React, Tailwind, and code Playground

by Flyout

HTML

<button id="button1">button</button>

<div id="container">
  <div id="div1" style="display:none">div to show</div>

  <div id="div2">div to hide</div>

  <div id="div2">div to hide</div>
</div>

JavaScript

$(document).ready(function() {
  $("#button1").click(function() {
    $("#div1").show();
    $("#container > *:not('#div1')").hide();
  });
});