<!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>

    <title></title>

    <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>

    <style type="text/css">

        *{margin:0px;padding:0px;}

        body{font-size:12px;}

        .box{margin:10px;padding:10px;}

        .box h3{margin:10px 0px;border-bottom:1px solid red;padding-bottom:10px;}

        .box p{line-height:20px;}

        #panels{margin:10px;padding:10px;width:380px;}

        #panels dt{height:30px;line-height:30px;padding-left:10px;border:1px solid #aaccff;font-weight:bold;font-size:14px;background-color:#bb44aa;margin-top:-1px;cursor:pointer;}

        #panels dd{height:230px;padding:10px;line-height:20px;border:1px solid #aaccff;margin-top:-1px;}

    </style>

    <script type="text/javascript" src="Scripts/jquery-1.4.1.js"></script>

    <script type="text/javascript">

        $(function(){

            $("#panels dd:not(dd:first)").hide()

            $("#panels dt").click(function(){

              $("#panels dt").next().hide()

                $(this).next().toggle()

            })

        })

    </script>

</head>

<body>

    <div class="box">

        <h3>试题要求:</h3>

        <p>

            .点击每组的标题时，显示该标题下的面板；同时隐藏其他的面板。<br />

            .页面加载完毕后默认显示第一个标题下的面板。<br />

        </p>

    </div>

    <dl id="panels">

        <dt>DotNet23</dt>

        <dd>英雄们，该写作业了......</dd>

        <dt>DotNet24</dt>

        <dd>其实它只是个传说........</dd>

        <dt>DotNet25</dt>

        <dd>未完，待续......</dd>

        <dt>DotNet26</dt>

        <dd>此处省略一万字......</dd>

    </dl>

</body>

</html>



												


											
【jQuery02】点击标题面板显示内容的更多相关文章
	

    
								
  1. JS实现点击参数面板按钮显示或隐藏数据
		
    当报表中列出数据太多时,想通过显示按钮隐藏明细数据只显示统计数据.如下图示例,那么该如何实现呢?本文以FineReport为例,来讲述JS如何实现点击参数面板按钮显示或隐藏数据. 打开报表 在参数面板 ...
    
		
    2. 
						
  2. jquery如何实现点击标题收缩下面的内容
		
    jquery如何实现点击标题收缩下面的内容 一.总结 一句话总结:怎么做复杂前端任务,先把样式(最简单)做出来,然后在写js. 1.如何取jquery集合中的某个索引号的元素? 不是get(),是eq ...
    
		
    3. 
						
  3. 帆软报表（finereport）JS实现点击参数面板按钮显示或隐藏数据
		
    当报表中列出数据太多时,想通过显示按钮隐藏明细数据只显示统计数据.如下图示例,那么该如何实现呢?本文以FineReport为例,来讲述JS如何实现点击参数面板按钮显示或隐藏数据. 打开报表 在参数面板 ...
    
		
    4. 
						
  4. [python][django学习篇][12]继续设计博客首页，点击博客标题能显示文章的详情
		
    回顾一下开发流程:配置url, 编写视图函数,编写对应模板 配置URL 首页视图匹配的 URL 去掉域名后,是一个空的字符串.每篇文章的详情有着不同的 URL,因此可以设计文章详情页面URl:< ...
    
		
    5. 
						
  5. 搜索框focus 搜索面板显示 点击别处消失 从浏览器别的页面回来消失
		
    开始是设置了回到页面使display:none(离开页面操作失效),但是发现回到页面,面板显示,dom获取却为null,于是做了个延时的处理 currentPage: function() { var ...
    
		
    6. 
						
  6. python 全栈开发，Day126(创业故事,软件部需求,内容采集,显示内容图文列表,MongoDB数据导入导出JSON)
		
    作业讲解 下载代码: HBuilder APP和flask后端登录 链接:https://pan.baidu.com/s/1eBwd1sVXTNLdHwKRM2-ytg 密码:4pcw 如何打开APP ...
    
		
    7. 
						
  7. 软件部需求,内容采集,显示内容图文列表,MongoDB数据导入导出JSON
		
    全局变量 由于多个html页面,需要引用同一个变量.这个时候,需要定义一个全局变量!如何定义呢? 默认包含了mui的html文件都导入mui.js文件.那么将变量写在mui.js中,就可以实现所有页面 ...
    
		
    8. 
						
  8. javascript学习内容--改变样式、取消设置、显示内容、隐藏内容
		
    <head> <style> body{font-size:12px;} #txt{ height:400px; width:600px; border:#333 solid  ...
    
		
    9. 
						
  9. dede顶级栏目直接显示内容
		
    点击网站栏目管理,增加顶级栏目 在弹出的增加窗口中,填上栏目名称,其它的如果没有特殊的要求可直接默认 点击常规选项旁边的高级选项,并且在列表模板中,将其改一个文件名,这个文件名就是后面需要使用到的文件 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 多进程Socket_Server
			
    import socketserverclass MyServer(socketserver.BaseRequestHandler): def handle(self): #继承BaseRequest ...
    
			
    2. 
						
  2. (fields.E304) Reverse accessor for 'UserProfile.groups' clashes with reverse accessor for 'User.groups'.
			
    创建数据库models.py,在进行数据迁移时抛出一下异常: E:\Project\GuoJia>python manage.py makemigrations SystemCheckError ...
    
			
    3. 
						
  3. C语言基本语法——字符串
			
    1.什么是字符串 2.字符串与普通字符数组的区别 3.字符串的定义方式 4.字符串的使用 5.什么是字符串数组 6.字符串数组的赋值 7.字符串数组的遍历 1.什么是字符串 • 用双引号引起来的多个字 ...
    
			
    4. 
						
  4. POJ 3517 And Then There Was One（ 约瑟夫环模板 ）
			
    链接:传送门 题意:典型约瑟夫环问题 约瑟夫环模板题:n个人( 编号 1-n )在一个圆上,先去掉第m个人,然后从m+1开始报1,报到k的人退出,剩下的人继续从1开始报数,求最后剩的人编号 /**** ...
    
			
    5. 
						
  5. [luogu3369] 普通平衡树（splay模板）
			
    题目描述 您需要写一种数据结构(可参考题目标题),来维护一些数,其中需要提供以下操作: 1.插入 xx 数 2.删除 xx 数(若有多个相同的数,因只删除一个) 3.查询 xx 数的排名(排名定义为比 ...
    
			
    6. 
						
  6. 使用iframe标签时如何通过jquery隐藏滚动条
			
    通过mouseover和mouseout事件来控制iframe的滚动条 代码如下:
    
			
    7. 
						
  7. .net 参数修饰符
			
    参数修饰符的作用 参数修饰符 作用 无 如果一个参数没有用参数修饰符标记,则认为它将按值传递(pass by value),这意味着被调用的方法收到原始数据的一份副本 out 输出参数由被调用的方法赋 ...
    
			
    8. 
						
  8. C语言实现将一个整形数转换为两个字节16进制
			
    有时候要用到这个转换,这里记录一下,例如把 int a = 164 转换储存在数组里为 uint8_t b[0]=0x00  , b[1]=0xA4 . 很简单,转换如下: b[0] = a > ...
    
			
    9. 
						
  9. React 中的 refs的应用
			
    React Refs React 支持一种非常特殊的属性 Ref ,你可以用来绑定到 render() 输出的任何组件上. 这个特殊的属性允许你引用 render() 返回的相应的支撑实例( back ...
    
			
    10. 
						
  10. 【【henuacm2016级暑期训练】动态规划专题 M】Little Pony and Harmony Chest
			
    [链接] 我是链接,点我呀:) [题意] 在这里输入题意 [题解] 每一位显然只要取1..60这些数字. 然后需要保证每个这些数字里面,每个数字所用到的质因子都它所唯一拥有的.别人不能用 因为如果别人 ...
    
			
    11.