$("#03").click(function()

        {

         $("#03").show(speed);

         $("#03").css("cursor","pointer");

         $(".tableBorder4").toggle(1000);

        })

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml">

 <head>

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

 <title>无标题文档</title>

 <script src="http://ybin.cn/js/jq.min.js" type="text/javascript"></script>

 <script type="text/javascript">

 $(document).ready(  function(){});

 function hiden(){

 $("#divObj").hide();//hide()函数,实现隐藏,括号里还可以带一个时间参数(毫秒)例如hide(2000)以2000毫秒的速度隐藏,还可以带slow,fast

 }

 function slideToggle(){

 $("#divObj").slideToggle(2000);//窗帘效果的切换,点一下收,点一下开,参数可以无,参数说明同上

 }

 function show(){

 $("#divObj").show();//显示,参数说明同上

 }

 function toggle(){

 $("#divObj").toggle(2000);//显示隐藏切换,参数可以无,参数说明同上

 }

 function slide(){

 $("#divObj").slideDown();//窗帘效果展开

 }

 </script>

 </head>

 <body>

 <h3>div里内容的显示隐藏特效</h3>

 <input type="button" value="隐藏" onclick="hiden()"/>

  <input type="button" value="显示" onclick="show()"/>

  <input type="button" value="窗帘效果显示2" onclick="slide()"/>

  <input type="button" value="窗帘效果的切换" onclick="slideToggle()"/>

   <input type="button" value="隐藏显示效果切换" onclick="toggle()"/>

 <div id="divObj" style="display:none">

         1.测试例子<br/>

         2.测试例子<br/>

         3.测试例子<br/>

         4.测试例子<br/>

         5.测试例子<br/>

         6.测试例子<br/>

         7.测试例子<br/>

         8.测试例子<br/>

         9.测试例子<br/>

         0.测试例子<br/>

     </div>

 </body>

 </html>

$("#03").click(function() { $("#03").show(speed); $("#03").css("cursor","pointer"); $(".tableBorder4").toggle(1000); })

无标题文档

div里内容的显示隐藏特效

1.测试例子
2.测试例子
3.测试例子
4.测试例子
5.测试例子
6.测试例子
7.测试例子
8.测试例子
9.测试例子
0.测试例子

JQuery点击打开再点击关闭的更多相关文章

  1. jquery.cookie广告弹窗点击关闭后一天弹一次

    jquery.cookie广告弹窗点击关闭后一天弹一次 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&qu ...

  2. Android 在安装完成界面，点击打开应用程序。在应用程序点击home键，再从桌面打开程序导致产生多个实例或者说程序被重复打开

    Android 在安装完成界面,点击打开应用程序.在应用程序点击home键,再从桌面打开程序导致产生多个实例或者说程序被重复打开. etong_123的专栏 - 博客频道 - CSDN.NET htt ...

  3. jquery对类的操作,添加,删除,点击添加,再点击删除

    jquery对类的操作,添加(addClass),删除l类(remoceClass),点击添加,再点击删除(toggleClass)

  4. jquery点击添加样式，再点击取出样式

    <!doctype html> <html> <head> <meta charset="utf-8"> <title> ...

  5. Android应用第一次安装成功点击“打开”后Home键切出应用后再点击桌面图标返回导致应用重启问题

    最近项目中遇到一个问题,用户第一次安装应用在系统的安装器安装完成界面有“完成”和“打开”两个按钮. 当用户点击“打开”按钮进入用户注册页面进行手机号验证码发送和验证码输入等操作界面,若此时用户点击Ho ...

  6. Android 安装应用后点击打开带来的问题

    今天安装完APP的时候.界面会显示两个button,一个完毕键,一个打开键,点击Open键之后,外部打开应用.此时,我们点击HOME键.程序将会在后台. 然后再点击该桌面上应用程序的图标,app会自己 ...

  7. 点击div全选中再点击取消全选div里面的文字

    想做一个就是点击一个div然后实现的功能是div里面的文字都成选中状态,然后就可以利用浏览器的自带的复制功能,任意复制在哪里去了 在网上百度了一下 然后网上的答案感觉很大的范围 然后一些搜索 然后就锁 ...

  8. [转]Cordova Android 返回键拦截（backbutton）和退出（再点击一次跳出）

    本文转自:https://blog.csdn.net/aierJun/article/details/53944061 在Android原生webview里重写onBackPressed()就可以.@ ...

  9. 常见问题1：默认div隐藏，点击按钮时出现，再点击时隐藏。

    例:默认div隐藏,点击按钮时出现,再点击时隐藏. <a href="#" onclick="f('ycbc')"; >控制按钮</a> ...

随机推荐

  1. CORS跨域实现思路及相关解决方案

    本篇包括以下内容: CORS 定义 CORS 对比 JSONP CORS,BROWSER支持情况 主要用途 Ajax请求跨域资源的异常 CORS 实现思路 安全说明 CORS 几种解决方案 自定义CO ...

  2. volatile、static

    谈到 volatile.static 就必须说多线程. 1.一个线程在开始执行的时候,会开启一片自己的工作内存(自己线程私有),同时将主内存中的数据复制到自己 的工作内存,从此读写数据都是自己的工作内 ...

  3. Framwork框架日志与配置工具的使用

    一.使用设置: 头文件的添加: ..\Framwork\Include\pthread_64; ..\Framwork\CommFramwork\include; ..\Framwork\Utilit ...

  4. Java面试题整理1

    Java基础部分 JDK和JRE有什么区别? JDK:Java Development Kit 的简称,java 开发工具包,提供了 java 的开发环境和运行环境.JRE:Java Runtime ...

  5. K8s集群安装和检查（经验分享）

    一.组件方式检查 1. Master节点: root>> kubectl get cs 2. Node 节点: 无  二.服务方式检查 1. Master 节点: root>> ...

  6. JavaScript入门学习(1)

    <html> <script type ="text/javascript"> var i,j; for (i=1;i<10;i++){ for (j ...

  7. DELPHI DOUBLE不解之迷

    procedure TForm1.cmd2Click(Sender: TObject);var str1, str2: string; LValue1: Double; LValue2: Extend ...

  8. Golddata如何采集需要登录/会话的数据？

    概要 本文将介绍使用GoldData半自动登录功能,来采集需要登录网站的数据.GoldData半自动登录功能,就是指通过脚本来执行登录,如果需要验证码或者其它内容需要人工输入时,可以通过收发邮件来执行 ...

  9. 树莓派3B+学习笔记：10、使用SSH连接树莓派

    SSH(Secure Shell)是一种能够以安全的方式提供远程登录的协议,也是目前远程管理Linux系统的首选方式. 1.开启树莓派3B+的SSH远程管理功能,在终端中输入以下命令: sudo ra ...

  10. 树莓3B+_安装vim

    第一步:访问源列表里的每个网址,并读取软件列表,然后保存在本地电脑. sudo apt-get update 第二步:安装vim sudo apt-get install vim 第三步:配置vim ...