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