Question

用js写一个延迟下拉的二级菜单

<nav class="navlist">
<div class="nav">
<ul>
<li><a href="" class="tit">导航栏目1</a>

<div class="box"><a>二级栏目1</a><a>二级栏目2</a>。。。。</div>
</li>
.............
<ul>
</div>
</div>

html代码如上，求高手帮写一段鼠标放到一级栏目的上面，停留超过1秒后，显示二级菜单的js代码
万分感激

Answer 1

$(".nav .tit").bind("hover",function(){
var _this = this;
setTimeout(function(){
$(_this).find(".box").show();

},1000);

});
手敲，求采纳！

Answer 2

$(function(){
		$('.nav li').hover(function(){
		$(this).children('div.box').stop(true,true).delay(1000).slideDown('500');
		},function(){
		$(this).children('div.box').stop(true,true).hide('1000');
		});
});