JSFiddle - React, Tailwind, and code Playground

by thecodeparadox

HTML

<span class="email">Email</span>
<span class="phone">Phone</span>
<div id="email-popup">Email popup</div>
<div id="phone-popup">Phone popup</div>

JavaScript

$(".email").click(function(){
    $("#email-popup").show("fast");
});
$(".phone").click(function(){
   $("#phone-popup").show();
});
$(document).not('#email-popup, #phone-popup').click(function() {
    $('#email-popup:visible, #phone-popup:visible').hide("fast");                        
});