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.再次点击:
相关文章推荐
- jQuery实现点击显示和隐藏内容
- 用jquery实现隐藏列表表单的显示关闭切换以及Ajax方式修改提交对应的那一行的修改内容。
- jquery实现鼠标移上去某元素显示隐藏的内容,移除继续隐藏
- 用jquery实现隐藏列表表单的显示关闭切换以及Ajax方式改动提交相应的那一行的改动内容。
- Jquery实现点击切换图片并隐藏显示内容(2种方法实现)
- jQuery实现checkbox选中时显示内容,没选中时隐藏内容
- Jquery实现点击切换图片并隐藏显示内容
- jquery 实现背景图片循环切换,显示隐藏div
- Jquery实现点击切换图片并隐藏显示内容(2种方法实现)
- 用jQuery实现一些导航条切换,显示隐藏的实例代码
- 使用js实现显示和隐藏区域的内容(复习)
- 【code】jQuery实现鼠标单击显示内容
- JQuery实现HTML元素隐藏和显示
- JS/jQuery实现默认显示部分文字点击按钮显示全部内容
- jQuery实现导航栏的隐藏与显示效果
- 利用jQuery 实现一个简单的侧边菜单隐藏显示功能
- Jquery隐藏/显示表格内容
- 【jQuery】鼠标进入\离开操作实现div显示\隐藏
- jQuery实现页面滚动时顶部动态显示隐藏
- jQuery实现左侧导航模块的显示与隐藏效果