摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>手風(fēng)琴</title> <link rel="stylesheet&q
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>手風(fēng)琴</title>
<link rel="stylesheet" href="static/css/style3.css">
<link rel="stylesheet" href="static/font-awesome/css/font-awesome.css">
<link rel="shortcut icon" href="static/images/logo1.png" type="image/x-icon">
<script type="text/javascript" src="static/js/jquery.js"></script>
</head>
<body>
<div class='nav'>
<div class="parent">
<div class="one">
<strong>個(gè)人中心</strong>
</div>
<div class="two">
<div><a href="">我的信息</a></div>
<div><a href="">系統(tǒng)通知</a></div>
<div><a href="">短信息</a></div>
</div>
</div>
<div class="parent">
<div class="one">
<strong>課程中心</strong>
</div>
<div class="two">
<div><a href="">我的信息</a></div>
<div><a href="">系統(tǒng)通知</a></div>
<div><a href="">短信息</a></div>
</div>
</div>
<div class="parent">
<div class="one">
<strong>校內(nèi)討論</strong>
</div>
<div class="two">
<div><a href="">我的信息</a></div>
<div><a href="">系統(tǒng)通知</a></div>
<div><a href="">短信息</a></div>
</div>
</div>
<div class="parent">
<div class="one">
<strong>資源中心</strong>
</div>
<div class="two">
<div><a href="">我的信息</a></div>
<div><a href="">系統(tǒng)通知</a></div>
<div><a href="">短信息</a></div>
</div>
</div>
</div>
<script type="text/javascript">
$(function(){
$(".two").css("display","none");
// var one = $(".one");
// var two = $(".two");
// $(".one").each(function(i){
// $(this).click(function(){
// if($(two[i]).css('display')=='none'){
// $(two[i]).slideDown(500);
// }else{
// $(two[i]).slideUp(500);
// }
// })
// })
/*只顯示一個(gè)*/
$(".one").click(function(){
var index = $(".one").index(this);
// console.log(index);
if(!$(".two").eq(index).is(':animated')){
$(".two").eq(index).slideToggle(500);
}else{
return false;
}
$(this).parent().siblings().find(".two").slideUp(500);
})
})
</script>
</body>
</html>
批改老師：滅絕師太批改時(shí)間：2018-11-16 09:04:16
老師總結(jié)：完成的不錯(cuò)，不熟悉的地方記得敲上備注繼續(xù)加油！