JSFiddle - React, Tailwind, and code Playground

by Pratik Bhonsle

HTML

<a href="#" id="switch1">focusout</a>
<br /><br />
<a href="#" id="switch2">faux link</a><a href="#" id="faux"></a>
<br /><br /><br />
<button id="houdini">Houdini Button</button>

JavaScript

$(function() {
    $("#houdini").focus();

    $("#switch1").on("click", function() {
        $("#houdini").focusout();
        $("#houdini").css("display", "none");
    });

    $("#switch2").on("click", function() {
        $("#faux").focus();
        $("#houdini").css("display", "none");
    });
});