JSFiddle - React, Tailwind, and code Playground

by Iftakharul Alam

HTML

<select class='one'>
    <option>1</option>
</select>
<select class='one'>
    <option>1</option>
</select>
<select class='one'>
    <option>1</option>
</select>
<div class='tip'>
hi
</div>

CSS

.tip{
    background-color:red;
    border-radius:2px;
    box-shadow:0px 0px 3px red;
    padding: 5px;
}

JavaScript

$('.tip').css('display','none');
$('.one[1]').hover(function(){
    $('.tip').text('this is first');
    $('.tip').css('display','inline');
},function(){
    $('.tip').text('');
    $('.tip').css('display','none');
});