JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main-div">
  <divhttps://jsfiddle.net/g8zef0ux/#update class="title-div">
    title
  </div>
  <div class="body-div">
    body
  </div>
</div>
<br>
<br>
<input class="btn" type="button" value="Toggle title visibility" />

CSS

.main-div {
  height: 150px;
  width: 150px;
  display: flex;
  flex-direction: column;
  background-color: lightgray;
  border: 1px solid black;
}

.title-div {
  flex: 0 0 25px;
  width: 100%;
  background-color: lightblue;
}

.body-div {
  flex: 1;
  width: 100%;
  background-color: green;
}

/* from bootstrap*/
.hidden {
  display: none !important;
  visibility: hidden !important;
}

JavaScript

$(".btn").click(function() {
	$(".title-div").toggleClass("hidden");
});