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

Popular posts from this blog

jquery - How can I dynamically add a browser tab? -

node.js - Getting the socket id,user id pair of a logged in user(s) -

keyboard - C++ GetAsyncKeyState alternative -