jQuery向上和向下切换幻灯片DIV，但UL内容动画从左到右。如何让内容上下滑动？

Question

我有一个jQuery切换，用于向上/向下滑动DIV，但其内容从左到右动画。如何防止内容从左到右动画？

JS小提琴：http://jsfiddle.net/CqREn/6/

CSS：

#myMenu ul{
    display: none;
}
#myMenu ul li{
    display: inline-block;
    width: 49%; 
}
#myMenu{
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    background-color: rgb(100,100,100);
}

JS：

$("#MenuToggle").click(function(event){ 
    event.preventDefault();
    $('#myMenu ul').toggle('slow');
});

HTML：

<aside id="myMenu">
    <nav id="MenuTab"><a href="#" id="MenuToggle">Page Navigation</a></nav>
    <ul>
        <li><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
        <li><a href="#">4</a></li>
        <li><a href="#">5</a></li>
        <li><a href="#">6</a></li>
    </ul>
</aside>

Answer 1

toggle()只是切换显示/隐藏，但未指定 显示/隐藏的方式。尝试：

$('#myMenu ul').slideToggle('slow');

jsfiddle