下拉菜单的问题

如果 把show()，写成show(200) 就没有办法选中下拉菜单里面的东西了
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="jquery-1.4.4.min.js"></script>
<style type="text/css">
.zz li{ border:#000 solid 1px; background:#666}
.zz li ul{ background:#999; display:none}
.zz li ul li{ background:#CCC}
</style>
</head><body>
<ul class="zz">
<li>
     <a href="#">menu</a>
        <ul>
         <li><a href="#">select - 1</a></li>
            <li><a href="#">select - 2</a></li>
            <li><a href="#">select - 3</a></li>
        </ul>
    </li>
    <li>
     <a href="#">menu</a>
        <ul>
         <li><a href="#">select - 1</a></li>
            <li><a href="#">select - 2</a></li>
            <li><a href="#">select - 3</a></li>
        </ul>
    </li>
</ul>
<script language="javascript">
/*
$(function(){
$(".zz li").each(function(){
$(this).mouseover(function(){
$(this).find('ul').slideDown(100);
})
$(this).mouseout(function(){
$(this).find('ul').hide();
})
})
})
*/
$(function(){
$(".zz li").each(function(){

$(this).mouseover(function(){
$(this).find('ul').show();
})
$(this).mouseout(function(){
$(this).find('ul').hide();
})

})
})
</script>
</body>
</html>