JSFiddle - React, Tailwind, and code Playground

by pioul

HTML

<div id="container">
 <a href="link">
  <div id="child1">
   When this is clicked, #container disappears,
   including everything contained inside...
  </div>
 </a>

 <a href="link">
  <div id="child2">
   ...or when this one is clicked
  </div>
 </a>
</div>

CSS

a {
    display: block;
    margin: 20px 0;
}

JavaScript

$("#container").children().bind("click", function(e){
    e.preventDefault();
   $("#container").fadeOut();
});