您的位置:首页 > Web前端 > JQuery

JQuery实现内容的显示与隐藏动作循环出现

2017-06-22 13:29 357 查看
<h2>什么是JQuery</h2>
<div id="content" hidden="true">jQuery的是跨平台的 JavaScript库旨在简化客户端脚本的HTML。
[3]它是免费的开源软件,使用许可的麻省理工学院许可证。
[2] Web分析表明,它是广泛部署的JavaScript库。</div>
</div>
div先隐藏,等点击h2标签时,显示,再次点击时隐藏
$("h2").bind("click",function(){
if( $(this).next().is(":visible")){
$(this).next().hide();
}else{
$(this).next().show();
}

});
效果展示:
1.刷新页面:



2,点击:



3.再次点击:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: