jQuery为什么只对第一个li有效
只有第一个li实现了动画效果，其他两个都没效果啊 这是为什么？求大神指教
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
下拉菜单练习
</title>
<link type="text/css" rel="stylesheet" href="./css/css.css" />
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
</head>
<body>
<script>
$(document).ready(function(){
$("#xy").mousemove(function(){
$(this).find("ul").slideDown("1000");});
$("#xy").mouseleave(function(){
$(this).find("ul").slideUp("1000");});})
</script>
<div id="box">
<ul>
<li><a href="#">首页</a></li>
<li id="xy"><a href="#">课程大厅</a>
<ul>
<li><a href="#">JavaScript</a></li>
<li><a href="#">HTML</a></li>
<li><a href="#">Jquery</a></li>
</ul>
</li>
<li id="xy"><a href="#">学习中心</a>
<ul>
<li><a href="#">JavaScript</a></li>
<li><a href="#">HTML</a></li>
<li><a href="#">Jquery</a></li>
</ul>
</li>
<li id="xy"><a href="#">经典案例</a>
<ul>
<li><a href="#">JavaScript</a></li>
<li><a href="#">HTML</a></li>
<li><a href="#">Jquery</a></li>
</ul>
</li>
<li><a href="#">关于我们</a></li>
</ul>
<div>
</body>
</html>
IT菜_鸟1回答
-
狂飙的蜗牛_1
首先id是不能重名的，其次，你的div貌似没有结束标签，倒数第三行div加上斜杠/
随时随地看视频慕课网APP
相关分类
JQuery
Html5
JavaScript