<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="../../try/jquery-2.1.3.js"></script>
<script>
$(function(){
$("#panel h5.head").toggle(function(){
$("div.content").fadeOut();
},function(){
$("div.content").fadeIn();
}
)
})
</script>
<style>
.head{
background-color: #376EA6;
border: 3px solid #cccccc;
line-height: 20px;
width: 300px;
margin: 20px 20px 0 200px;
}
.head+div{
margin: 0 20px 0 200px;
width: 300px;
height: auto;
border: 3px solid #cccccc;
}
.content{display:block;}
</style>
</head>
<body>
<div id="panel">
<h5 class="head">古巨基</h5>
<div class="content">我正在听你的歌啊,你唱的真好听,可是你怎么社得我难过,你却没有感动过,爱我别走,如果你说,你没爱过
我正在听你的歌啊,你唱的真好听,可是你怎么社得我难过,你却没有感动过,爱我别走,如果你说,你没爱过
我正在听你的歌啊,你唱的真好听,可是你怎么社得我难过,你却没有感动过,爱我别走,如果你说,你没爱过</div>
</div>
</body>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="../../try/jquery-2.1.3.js"></script>
<script>
$(function(){
$("#panel h5.head").toggle(function(){
$("div.content").fadeOut();
},function(){
$("div.content").fadeIn();
}
)
})
</script>
<style>
.head{
background-color: #376EA6;
border: 3px solid #cccccc;
line-height: 20px;
width: 300px;
margin: 20px 20px 0 200px;
}
.head+div{
margin: 0 20px 0 200px;
width: 300px;
height: auto;
border: 3px solid #cccccc;
}
.content{display:block;}
</style>
</head>
<body>
<div id="panel">
<h5 class="head">古巨基</h5>
<div class="content">我正在听你的歌啊,你唱的真好听,可是你怎么社得我难过,你却没有感动过,爱我别走,如果你说,你没爱过
我正在听你的歌啊,你唱的真好听,可是你怎么社得我难过,你却没有感动过,爱我别走,如果你说,你没爱过
我正在听你的歌啊,你唱的真好听,可是你怎么社得我难过,你却没有感动过,爱我别走,如果你说,你没爱过</div>
</div>
</body>
</html>
以上代码在jQuery2.1.3中运行时,显示自动把“古巨基”淡出,而在jQuery1.3.1中显示正常!!