jquery :hover example

by oceog

HTML

<div id="is">
<a href="#">Показать блок</a>
 <span id="box">
  <a href="#">ссылка</a>
  <a href="#">ссылка</a>
  <a href="#">ссылка</a>
 </span>

</div>

CSS

#is #box {
    display: none;
}
#is:hover {
    cursor: text;
}

JavaScript

var box = $('#box');
var is = $('#is');
$('#is a').mouseover(box_show);
$(is).mouseout(box_hide);

function box_show() {
    box.show('slow');
    
}

function box_hide() {
    if (is.css('cursor')=='text') return;
    box.stop();
    box.hide('slow');
}