JSFiddle - React, Tailwind, and code Playground

by Jerrygoyal

HTML

<div class='mydiv' >
event will trigger on div hide event
</div>

<button class='btn'>
click to hide the div
</button>

CSS

.mydiv{
  width:100px;
  height:100px;
 
  border:solid 2px blue;
}

JavaScript

$('.btn').on('click',function(){$('.mydiv').hide()});

var observer = new MutationObserver(function(mutations) {
    alert('div hide event triggered');
  });
  var target = document.querySelector('.mydiv');
  observer.observe(target, {
    attributes: true
  });