JSFiddle - React, Tailwind, and code Playground

HTML

<div id="test">
    <input value="i'd like to retain my focus" />
</div>

<button id="pulsate">focus and pulsate</button>
<button id="slide">focus and slide</button>

JavaScript

$("#test input").focus(function() {
    console.log("i should only show up once per button press");
});

$('#pulsate').click(function() {
    $('#test input').focus().show('pulsate');
});

$('#slide').click(function() {
    $('#test input').focus().show('slide');
});