模擬百度首頁(yè)右上角 鼠標(biāo)上浮 "設(shè)置" 下拉功能

我現(xiàn)在要用jQuery模擬一個(gè)百度首頁(yè)的鼠標(biāo)上浮 下拉列表的功能，我現(xiàn)在遇到的問(wèn)題是，鼠標(biāo)上浮 "設(shè)置" 只有當(dāng)鼠標(biāo)在"設(shè)置"上浮的時(shí)候，才下拉，鼠標(biāo)上浮在列表的時(shí)候，它就馬上收回去了，如何 當(dāng)鼠標(biāo)上浮在下拉框，下拉框依然顯示，不收回去？

我的代碼如下：

            <div id="nav">
                <div class="list">
                    <a href="#" class="setting">設(shè)置</a>
                </div>    
            </div>    

            <div class="set">
                <ul>
                    <li><a href="#" class="active">搜索設(shè)置</a></li>
                    <li><a href="#">高級(jí)搜索</a></li>
                    <li><a href="#">關(guān)閉預(yù)測(cè)</a></li>
                    <li><a href="#">搜索歷史</a></li>
                </ul>    
            </div>

        $('#nav .list .setting').hover(function(){
            $('.set ul').slideDown();
        }, function(){
            $('.set ul').slideUp();
        })