<!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>
<style type="text/css">
body,ul,li{margin:0;padding:0;list-style:none;font-size:12px;}
a{text-decoration:none;}
.nav{width:600px;margin:40px auto;}
.nav li{float:left;position:relative;margin-right:20px;width:100px;line-height:30px;background:#ccc;}
.nav li ul{position:absolute;background:#ccc;top:30px;left:0;display:none;}
.nav li ul li{float:none;margin:0;}
.nav li ul li ul{left:100px;top:0;}
</style>
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(function(){
$(".nav li",this).hover(function(){
$(this).find("ul:first").slideToggle(300);
})
})
</script>
</head>
<body>
<ul class="nav">
<li><a href="#">菜单</a>
<ul>
<li><a href="#">子菜单</a>
<ul>
<li><a href="#">子菜单</a></li>
<li><a href="#">子菜单</a></li>
<li><a href="#">子菜单</a></li>
</ul>
</li>
<li><a href="#">子菜单</a></li>
<li><a href="#">子菜单</a></li>
</ul>
</li>
<li><a href="#">菜单</a></li>
<li><a href="#">菜单</a></li>
<li><a href="#">菜单</a></li>
</ul>
</body>
</html>
IE6下面，三级菜单不显示了，这是为啥？只有用slideToggle才发生这状况！有没有遇到这个问题的？求指导！在jquery 1.4.2之后的版本就出现这问题了，
