jquery slideDown()出得界面，加延时。急急！在线等！

Question

// 点击菜单滑动下拉，焦点不在下滑界面自动回收
        $(document).ready(function () {
            $("#AOPTopMenu>ul>li").hover(function () {
                $(this).children(".SecondMenuBar").slideDown();
                $(this).removeClass("bgColor");
                $(this).addClass("SelectbgColor");
                $("#zg_Iframe").css('display', 'block');
            }, function () {
                $(this).children(".SecondMenuBar").slideUp();
                $("#zg_Iframe").css('display', 'none');
                $(this).removeClass("SelectbgColor");
                $(this).addClass("bgColor");
            })
        })给这段代码加，实现鼠标放上不立马滑出界面，有个延时！！

Answer 1

$(this).children(".SecondMenuBar").delay(1000).slideDown();楼主试试

Answer 2

delay可以，但是恐怕楼主需要失去焦点时动作要回收的功能恐怕就不够咯，
可以尝试var timer=setTimeout(......)
之后在 blur的时候清除timer或者 隐藏dom

Answer 3

delay的确可以.
不过搜了一下.貌似要触发animate的才能触发delay的功能.不然是无效的...
setTimeout是可以的

Answer 4

问题解决了，昨天从百度上搜得一篇文章（如下）看了改的：http://wange.im/delay-effect-in-jquery.html，代码修改如下：
// 点击菜单滑动下拉，焦点不在下滑界面自动回收
        $(document).ready(function () {
            var delayTime = "" ;
            $("#AOPTopMenu>ul>li").hover(function () {
                var _self = $(this).children(".SecondMenuBar");
               delayTime= setTimeout(function () {
                   $(_self).slideDown(200)
                   $(this).removeClass("bgColor");
                   $(this).addClass("SelectbgColor");
                   $("#zg_Iframe").css('display', 'block');
                }, 600);
             }, function () {
                clearTimeout(delayTime);
                $(this).children(".SecondMenuBar").slideUp();
                $("#zg_Iframe").css('display', 'none');
                $(this).removeClass("SelectbgColor");
                $(this).addClass("bgColor");
            })
        })2楼和三楼说的也对，给分！