$(function(){

    $("#panel h5.head").hover(function(){    //交替执行该函数

        $(this).next().show();

    },function(){

        $(this).next().hide();

    })

})

$(function(){

    $("#panel h5.head").toggle(function(){

            $(this).next().show();

    },function(){

            $(this).next().hide();

    })

})

$(function(){

    $("#panel h5.head").toggle(function(){

            $(this).addClass("highlight");

            $(this).next().show();

    },function(){

            $(this).removeClass("highlight");

            $(this).next().hide();

    });

})

公共页面

 
</head>

<body>

<div id="panel">

    <h5 class="head">什么是jQuery?</h5>

    <div class="content">

        jQuery是继Prototype之后又一个优秀的JavaScript库，它是一个由 John Resig 创建于2006年1月的开源项目。jQuery凭借简洁的语法和跨平台的兼容性
        ，极大地简化了JavaScript开发人员遍历HTML文档、操作DOM、处理事件、执行动画和开发Ajax。它独特而又优雅的代码风格改变了JavaScript程序员的设计思路和编写程序的方式。

    </div>

</div>




												


											
jquery学习（2）toggle的更多相关文章
	

    
						
  1. jQuery 学习笔记
		
    jQuery 学习笔记   一.jQuery概述    宗旨: Write Less, Do More.    基础知识:        1.符号$代替document.getElementById( ...
    
		
    2. 
						
  2. jQuery学习笔记 - 基础知识扫盲入门篇
		
    jQuery学习笔记 - 基础知识扫盲入门篇 2013-06-16 18:42 by 全新时代, 11 阅读, 0 评论, 收藏, 编辑 1.为什么要使用jQuery? 提供了强大的功能函数解决浏览器 ...
    
		
    3. 
						
  3. jQuery学习之开篇
		
    吐槽 近期比較烦,对于一个前端白痴来说,工作方向突然转向前端这块着实让人蛋疼无比.前段时间简单的学习了下EasyUI,算是对其有一个简单的认知了吧.EasyUI的研究过程中发现,假设没有掌握JS.JQ ...
    
		
    4. 
						
  4. jQuery学习和知识点总结归纳
		
    jQuery目前在Web前端开发所占的比重越来越高,在我们jQuery学习和开发的过程中都会去使用.jQuery帮我们解决了浏览器之间JS一些不兼容的地方和简化了原生JS对DOM的操作.下面把PHP程 ...
    
		
    5. 
						
  5. 第二十五篇 jQuery 学习7 获取并设置 CSS 类
		
    jQuery 学习7 获取并设置 CSS 类   jQuery动态控制页面,那么什么是动态呢?我们就说一下静态,静态几乎又纯html+css完成,就是刷新页面之后,不会再出现什么变动,一个实打实的静态 ...
    
		
    6. 
						
  6. 第二十一篇 jQuery 学习3 特效效果
		
    jQuery 学习3   这节课主要是学习jQuery的动态效果. show()和hide()显示与隐藏方法,toggle()方法,fadeIn()谈入,fadeOut()谈出,slideDown() ...
    
		
    7. 
						
  7. jquery学习笔记(三)：事件和应用
		
    内容来自[汇智网]jquery学习课程 3.1 页面加载事件 在jQuery中页面加载事件是ready().ready()事件类似于就JavaScript中的onLoad()事件,但前者只要页面的DO ...
    
		
    8. 
						
  8. jquery学习随笔
		
    转)jquery学习随笔(jquery选择器)   jQuery的选择器是CSS 1-3,XPath的结合物.jQuery提取这二种查询语言最好的部分,融合后创造出了最终的jQuery表达式查询语言. ...
    
		
    9. 
						
  9. jQuery学习之路（1）-选择器
		
    ▓▓▓▓▓▓ 大致介绍 终于开始了我的jQuery学习之路!感觉不能再拖了,要边学习原生JavaScript边学习jQuery jQuery是什么? jQuery是一个快速.简洁的JavaScript ...
    
		
    10. 
						
  10. jquery学习（一）
		
    简单的jquery学习,首先在页面引入jquery <!-- 引入jquery --> <script src="js/jquery-1.8.3.js" type ...
    
		
    11. 
		

	


随机推荐
	

    
									
  1. WinForm(C#)CheckedlistBox绑定数据，并获得选中的值(ValueMember)和显示文本(DisplayMember)
			
    本文中我将和大家讨论关于在WinForm开发中给CheckedlistBox空间绑定数据源,并获取控件中选中的所有元素的显示文本(DisplayMember)和对应的实际值(ValueMember)的 ...
    
			
    2. 
						
  2. HDU - 4815 Little Tiger vs. Deep Monkey （长春赛区C题）
			
    题意:有A,B两个人.n道题目.每题有相应的分数.B答对题目的概率是0.5.求A不输给B的概率不小于P要拿的最低分数 思路:DP,dp[i][j]来表示B答了前i题后分数为j的概率,,然后通过B的概率 ...
    
			
    3. 
						
  3. 互联网TCP／IP五层模型（一）
			
    转载自:阮一峰 我们每天使用互联网.你是否想过,它是怎样实现的? 全世界几十亿台电脑,连接在一起,两两通信. 上海的某一块网卡送出信号,洛杉矶的还有一块网卡竟然就收到了.两者实际上根本不知道对方的物理 ...
    
			
    4. 
						
  4. Linux下一个Redis启动/关闭/重新启动服务脚本
			
    脚本功能: 实现redis单机多实例情况下的正常启动.关闭.重新启动单个redis实例.完毕系统标准服务的下面经常使用功能:  start|stop|status|restart 注:redis程序代 ...
    
			
    5. 
						
  5. Linux驱动程序开发 - 设备控制接口
			
    (2008-08-08 15:02:19) 转载▼ 标签: it linux kernel driver 分类: Linux 序言设备驱动程序的一个基本功能就是管理和控制设备,同时为用户应用程序提供管 ...
    
			
    6. 
						
  6. Java基础知识强化18：抽象类、接口的区别 和 选择性实现接口方法
			
    1.抽象类和接口的区别 抽象类里面可以有非抽象的方法(可以没有抽象方法),接口里只能有抽象方法. 抽象类中的抽象方法声明时不能有大括号,而接口中的所有方法都没有大括号.  抽象类(abstract c ...
    
			
    7. 
						
  7. 最小圆覆盖 hdu 3007
			
    今天学习了一下最小圆覆盖, 看了一下午都没看懂, 晚上慢慢的摸索这代码,接合着别人的讲解, 画着图跟着代码一步一步的走着,竟然有些理解了. 最小圆覆盖: 给定n个点, 求出半径最小的圆可以把这些点全部 ...
    
			
    8. 
						
  8. 【开源java游戏框架libgdx专题】-06-使用libgdx自带的日志方法
			
    Application 接口提供了简单的日志记录,并且提供了颗粒度的控制. Gdx.app.log("MyTag", "my informative message&qu ...
    
			
    9. 
						
  9. 查看Oracle数据库被锁住的表，删除锁表的进程
			
    锁表处理及查询 查看Oracle数据库被锁住的表,删除锁表的进程 1.查看被锁住的表 SELECT dob.object_name table_name,    lo.locked_mode, lo. ...
    
			
    10. 
						
  10. css居中技巧
			
    1    text-align: center; 只能对图片,按钮,文字等行内元素(display为inline或inline-block等)进行水平居中.在IE6.7中能对任何元素进行水平居中.另外 ...
    
			
    11.