JSFiddle - React, Tailwind, and code Playground

by iamanubhavsaini

HTML

<div id="trigger">
    <form id="theform">
        <select>
            <option>A</option>
            <option>B</option>
            <option>C</option>
            <option>D</option>
            <option>E</option>
        </select>
        <input type="radio" id="r1" name="rr1" />
        <input type="text" name="textbox" id="textbox" value="you can't fucking change me!" />
        <input type="submit" value="submit"/>
        <a href="http://google.com" >google</a>
    </form>
</div>

CSS

#trigger{
    width:200px;
    height:100px;
    background-color:black;
}

#theform{
    display:none;
    background-color: gray;
}

#trigger:hover #theform{
    display:block;
    background-color:red;
}

#theform:hover{
    display:initial;
}

JavaScript

$(function(){
    $('#trigger').hover(function(){
        alert('going in');
    });           
});