JSFiddle - React, Tailwind, and code Playground

by serio

HTML

<input type='text' />
<input type='text' />
<input class='hi' type='text' />
<div class='hooray'>
Lorem ipsum fo shizzle fo shizzle amizzle, yippiyo get down get down elit. Gangsta get down get down velizzle, uhuh ... yih! volutpizzle, check out this quizzle, gravida vizzle, arcu. Pellentesque egizzle tortor. shizzlin dizzle. Daahng dawg phat sizzle sizzle turpis tempizzle tempor. Gangsta pellentesque hizzle yippiyo turpizzle. Pot izzle tortor. fo doggy nisi. In hac habitasse platea dictumst. Away dapibizzle. Curabitizzle tellizzle urna, pretizzle fizzle, mattizzle izzle, eleifend vitae, nunc. I saw beyonces tizzles and my pizzle went crizzle suscipizzle. Pimpin' semper velizzle sizzle i'm in the shizzle.
</div>
<input type='text' />
<input type='text' />

CSS

input[type=text] { display: block; }

JavaScript

$(function() {
    var $hooray = $('.hooray').hide();
    var $hi = $('.hi');

    $hi.bind('focus', function(e) {
        $hooray.show();
    }).bind('blur', function(e) {
        $hooray.hide();
    });
});