JSFiddle - React, Tailwind, and code Playground

by thecodeparadox

HTML

<span class="email">Email</span>
<span class="phone">Phone</span>
<div id="email-popup" style="display:none">Email popup</div>
<div id="phone-popup" style="display:none">Phone popup</div>

JavaScript

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