JSFiddle - React, Tailwind, and code Playground

by rwaldron

HTML

<div class="main">
    <p>before text</p>
    <div class="input-container">
        <input type="text" value="text"/>
    </div>
</div>

CSS

.input-container {display: none;}
.show .input-container {display: block;}

JavaScript

$('div.main').hover(function() {
    $(this).toggleClass('show');
}, jQuery.noop );