如何在jquery中使用'mouseout'

Question

抱歉谷歌翻译...... 我是一名新手开发人员。帮帮我！

我想如图所示实施 http://blog.naver.com/ikks06luck/220120719586＆＃34;点击此处＆＃34;
但是...
＆＃39; mouseout＆＃39;，它无法正常工作...
＆＃39; mini_nav_toggle＆＃39; div，来回移动。

html代码是：

    <div id="mini_nav_toggle" class="mini_nav_wrap" style="display:none;">
    <div class="mini_nav">
        <ul>
            <li>
                <button class="mini_nav_list btn btn-primary" onclick="basket();">장바구니/button>
            </li>
            <li>
                <button class="mini_nav_list btn btn-primary" data-toggle="modal"
                data-target="#myModal">위시리스트</button>
            </li>
            <li>
                <button class="mini_nav_list btn btn-primary"
                onclick="buy_and_sell();">사고팔기</button>
            </li>
            <li>
                <button class="mini_nav_list btn btn-primary"
                onclick="posting_form();">포스팅하기</button>
            </li>
            <li>
                <button class="mini_nav_list btn btn-primary">메신저</button>
            </li>
            <li>
                <button class="mini_nav_list btn btn-primary" data-toggle="modal"
                data-target="#mySetup">설정</button>
            </li>
        </ul>
    </div>
</div>

javascript代码是：

    var eventClientX;
$(function(){
    $("div").mousemove(function(event) {
        eventClientX = event.clientX;
        if (eventClientX == 0) {
            $(function(){$('#mini_nav_toggle').show('slide',{direction:'left'},200)});
            return;
        }
    });

    $("#mini_nav_toggle").mouseout(
        function(){$(this).hide('slide',{direction:'left'},200)}
    );
});

css代码是：

  .mini_nav_wrap{
position: fixed;
left: 0;
top:180px;
width:140px;
height:220px;
border-radius:5px;
z-index: 1000;
opacity: 0.8;
background-color: black;
}
.mini_nav {
margin:10px;
}
.mini_nav ul{
display:table;
}
.mini_nav li{
display:table-row;
}

.mini_nav_list {
width: 130px;
border-radius:0;
color:#FFF;
}

请帮助!!

提前感谢您的帮助！