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