JSFiddle - React, Tailwind, and code Playground

by Praveen Kumar Purushothaman

HTML

<p><a href="mailto:[email protected]" class="hidden-email">[email protected]</a></p>
<p><a href="mailto:[email protected]" class="hidden-email">[email protected]</a></p>
<p><a href="mailto:[email protected]" class="hidden-email">[email protected]</a></p>

CSS

* {font-family: Segoe UI, sans serif; font-size: 95%; line-height: 1; margin: 0; padding: 2px;}

JavaScript

$(document).ready(function(){
    $(".hidden-email").click(function(){
        $(this).html($(this).attr("href").split(":")[1]);
        $(this).off("click").removeClass("hidden-email");
        return false;
    });
});