JSFiddle - React, Tailwind, and code Playground

by John Grivas

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/themes/ui-lightness/jquery-ui.css">
<div class='div_hover'>Forename:
    <span><input type="text"  class="as" name="forename"></span>
</div>

CSS

.div_hover {
    padding: 20px;
    background: yellow;
}

span {
    background:blue;
    color: white;
    padding: 8px;
}

JavaScript

$('.div_hover').on('click', function(e) {
    if (e.target !== this) return;
$(this).children().toggle();
    alert( 'clicked the div_hover' );
});