JSFiddle - React, Tailwind, and code Playground

by Sebastian Kay

HTML

<div><p>sfgafdsafadsfsadfsadfsadfasdfasdf</p></div><span>focus fire</span>
<div><p>sfgafdsafadsfsadfsadfsadfasdfasdf</p></div><span>focus fire</span>
<p><input type="text"> <span>focus fire</span></p>
<p><input type="password"> <span>focus fire</span></p>

CSS

.item_1 {
    width: 50px;
    height: 50px;
    background: blue;
}

.item_2 {
    width: 50px;
    height: 50px;
    background: red;
}

JavaScript

$( "div" ).blur(function() {
  $( this ).next( "span" ).css( "display", "inline" ).fadeOut( 1000 );
});