jquery - jQuery toggle 上下滑动 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