JSFiddle - React, Tailwind, and code Playground

by HenryGarle

HTML

<div class="lightbox-con">
     <div class="lightbox-shade"></div>
     <span class="logo"></span>
     <div class="controls">
         <span class="arrow back">Arrow</span><span class="close"></span><span class="arrow forward">Arrow 2</span>
     </div>
     <div class="caption">
         <p class="caption-text">Caption text</p>
         <span class="logo2" > Logo </span>
      </div>
  </div>

JavaScript

$('.lightbox-con').click(function(){
   $('.lightbox-con').remove();
});

$('.arrow', '.lightbox-con').click(function (e) {
    e.stopPropagation();
});