JSFiddle - React, Tailwind, and code Playground

by damagex

HTML

<div class="bubble"><div class="btn-exit">X</div></div>
<div class="bubble smsBubble"><div class="btn-exit">X</div></div>
<div class="bubble pauseBubble"><div class="btn-exit">X</div></div>
<div class="bubble homeBubble"><div class="btn-exit">X</div></div>

CSS

.bubble {
  display: inline-block;
  margin-right: 5px;
  background: lightblue;
  border-radius: 8px;
  height: 50px;
  width: 50px;
}

.bubble .btn-exit {
  background: red;
  color: white;
  width: 15px;
  height: 15px;
}

JavaScript

$(".bubble").each(function(k, v) {
	var $bubble = $(this);
  $bubble.find('.btn-exit').click(function(e) {
  	$bubble.hide();
  });
});