jquery - Keep hidden element displayed when hover over it -
i had trouble forming title- please edit if come better.
when hovering on span class percent100
, want show div class getseen
. however, getseen
has link on it, getseen
has remain open when user hovers on getseen
, not percent100
. how do jquery?
html:
<span class="percent100"> 100%</span> <div class="getseen">at 100% seen...<a href="#">how?</a></div>
jquery attempt:
$('.percent100, .getseen').hover( function () { $('.getseen').toggle(); } );
just use query
$('.percent100, .getseen').hover( function () { $('.getseen').show(); }, function () { $('.getseen').hide(); } );
see fiddle
so need is, make div.getseen
visible when .percent100
hovered , when .getseen
hovered, , make invisible when hoverout
Comments
Post a Comment