标题栏总是可见的
2014-03-12 13:54
169 查看
技术实现的关键：使用CSS的display特性，display特性的值有：none和block。none即为隐藏；block即为显示。
动手之前的设计：可折叠区域分为两个区域：标题栏和内容区域。标题栏总是可见的，内容部分是可以折叠或展开的。在页面上,--codego.net--，可以使用两个<div>元素分别实现这个设计。
实现步骤：
在页面中插入<div>元素，并加入实现折叠功能的JS代码，代码如下：
Click Here This is some content to show and hide.
Click Here This is some content to show and hide.
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
代码实现的效果，如下：
动手之前的设计：可折叠区域分为两个区域：标题栏和内容区域。标题栏总是可见的，内容部分是可以折叠或展开的。在页面上,--codego.net--，可以使用两个<div>元素分别实现这个设计。
实现步骤：
在页面中插入<div>元素，并加入实现折叠功能的JS代码，代码如下：
Click Here This is some content to show and hide.
Click Here This is some content to show and hide.
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
代码实现的效果，如下：
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Ajax Toolkit 控件学习系列(10) ——AlwaysVisibleControlExtender总是可见
- python 可见性规则--总是忘
- 勿用则不可见
- 问题记录，为什么烘焙完成之后的场景总是比预览的场景亮
- 需要时显示——论App中的功能可见性（转）
- android应用中去掉标题栏的方法
- 标题栏进度条
- android 判断控件是否在屏幕范围内 是否可见
- 二叉树插件操作，改天来注释，要多用引用和++i，不然stl用起来很慢，总是被构造和析构，切记
- 变量可见性和volatile, this逃逸, 不可变对象, 以及安全公开--Java Concurrency In Practice C03读书笔记
- 转两个最基础的 却总是忘记的
- android中如何去掉标题栏
- Android隐藏状态栏和标题栏，相当于全屏效果
- 获取状态栏的高度，标题栏的高度，文本栏的高度
- 在Win7系统中如何设置在打开窗口时总是显示菜单栏
- Android中3种全屏方法及3种去掉标题栏的方法
- android获取控件位置坐标，屏幕尺寸，标题栏，状态栏高度
- VS2013:如何在Win32项目中设置标题栏名称
- 屏幕分辨率及获取屏幕相关信息（屏幕大小，状态栏、标题栏高度）
- Android标题栏沉浸效果