JSFiddle - React, Tailwind, and code Playground

by John Doe

HTML

<a>katt<span>kattancskattancs</span></a>

CSS

body, html{
  margin: 0;
  padding: 20px;
  height: 100%;
}
a span{
  display: none;
}
a span.active{
  display: block;
}

JavaScript

$('a').click(function(){
	$('a span').toggleClass('active');
  event.stopPropagation();
});
$('body').click(function(){
console.log('body');
	$('a span').toggleClass('active');
});