jQuery 2.1.3中的toggle（）有问题

最新推荐文章于 2022-01-18 18:05:41 发布

didiaidada

最新推荐文章于 2022-01-18 18:05:41 发布

阅读量773

点赞数

文章标签： jquery

本文链接：https://blog.csdn.net/didiaidada/article/details/44851335

版权

<!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>

以上代码在jQuery2.1.3中运行时，显示自动把“古巨基”淡出，而在jQuery1.3.1中显示正常！！

didiaidada

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery 2.1.3中的toggle（）有问题

$(function(){ $("#panel h5.head").toggle(function(){ $("div.content").fadeOut(); },function(){ $("div.content").fadeIn(); }
复制链接

扫一扫