Jquery一个slideToggle搞定div的隐藏与显示
2016-01-04 17:41
597 查看
Jquery一个slideToggle搞定div的隐藏与显示
原文:http://www.runoob.com/jquery/jquery-ref-selectors.html
<!DOCTYPE html> <html> <head> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("#flip").click(function(){ $("#panel").slideToggle("slow"); }); }); </script> <style type="text/css"> #panel,#flip { padding:5px; text-align:center; background-color:#e5eecc; border:solid 1px #c3c3c3; } #panel { padding:50px; display:none; } </style> </head> <body> <div id="flip">Click to slide the panel down or up</div> <div id="panel">Hello world!</div> </body> </html>
原文:http://www.runoob.com/jquery/jquery-ref-selectors.html
相关文章推荐
- Jquery-中括号与冒号([]与:)的用法
- Html5添加全屏背景视频jQuery插件教程
- 沫沫金 - 实战总结jQuery进阶技巧图册
- JQuery文件上传插件uploadify在MVC中Session丢失的解决方案
- jquery获取radiobutton的选中值
- jQuery插件之ajaxFileUpload
- 实例详解jQuery结合GridView控件的使用方法
- 大前端------jQuery事件
- jquery中eq和get的区别与使用方法
- jQuery EasyUI之DataGrid使用实例详解
- jQueryRotate 转盘抽奖代码实现
- Jquery 获取日期date()对象
- Html5添加canvas图像导出为多种格式图片的jQuery插件教程
- jQuery实现简单的点赞效果
- jQuery+Ajax实现无刷新操作
- jquery-ui draggable參數方法事件
- jquery ui tabs 获取当前被选中标签的索引值
- jquery/js当前URL对当前栏目高亮突出显示
- 基于jquery封装的一个简单web右键菜单
- jquery操作select(取值,设置选中)