JSFiddle - React, Tailwind, and code Playground

by Adrian Carriger

HTML

<button id="rooms">
  Show Rooms
</button>
<div id="rooms_box">
  <button id="facilities">
    Facilities
  </button>
  <button id="events">
    Events
  </button>
  <button id="gallery">
    Gallery
  </button>
  <button id="contact">
    Contact
  </button>
  <button id="search">
    Search
  </button>
</div>
<p>
  lorem ipsum
</p>

CSS

p , #rooms_box{
   display : none;
}

JavaScript

$(document).ready(function() {
  $("p , #rooms_box").hide(); // instead of this line you can use the css below
  $("#rooms").click(function() {
    $("#rooms_box").show();
  });
  $("#facilities, #events , #gallery, #contact ,#search").click(function() {
    $("p").show();
  });
});