bootstrap 手风琴效果
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>按钮插件--按钮状态切换</title>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<style>
body{padding:10px;margin:10px}
</style>
</head>
<body>
<div class="panel-group" id="accordion">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a href="#aa1" data-toggle="collapse" data-parent="#accordion">标题一</a></h4>
</div>
<div class="panel-collapse collapse in" id="aa1">
<div class="panel-body">标题一对应的内容</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a href="#aa2" data-toggle="collapse" data-parent="#accordion" >标题二</a></h4>
</div>
<div class="panel-collapse collapse" id="aa2">
<div class="panel-body">标题二对应的内容</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a href="#aa3" data-toggle="collapse" data-parent="#accordion">标题三</a></h4>
</div>
<div class="panel-collapse collapse" id="aa3">
<div class="panel-body">标题三对应的内容</div>
</div>
</div>
</div>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</body>
</html>
最新文章
- OWIN support for the Web API 2 and MVC 5 integrations in Autofac
- &#39;str&#39; object is not callable
- php读取sql2000的image字段,被截断的问题
- Spring学习 Ioc篇(三)
- spark对于elasticsearch里的复杂类型支持
- COJ986 WZJ的数据结构(负十四)
- Java EE 在网页输出九九乘法表、三角形、菱形
- Performance Analysis Methodology
- Python一些难以察觉的错误
- 高可用集群(HA)配置
- Java中Volatile的作用
- Xcode--Alcatraz来管理Xcode插件
- Spring DM所提供的Bundle监听接口OsgiBundleApplicationContextListener
- JVM学习笔记三:垃圾收集器与内存分配策略
- bootstrapValidator 使用(包含入门demo,常用方法,以及常用的规则)
- lua table操作实例详解
- esayui扩展验证方法
- Java基础语法入门
- mybatis调用存储过程并且有多个返回output值
- bootstrap弹出模态框会给body加padding的解决方法
热门文章
- ci中简单实用的权限管理
- R cannot be resolved to a variable问题
- 最小生成树--Prim算法,基于优先队列的Prim算法,Kruskal算法,Boruvka算法,“等价类”UnionFind
- String框架搭建的基本步骤,及从 IOC &; DI 容器中获取 Bean(spring框架bean的配置)--有实现数据库连接池的链接
- nginx安装后出现502 Bad Gateway 错误解决办法
- Robot Motion 分类: POJ 2015-06-29 13:45 11人阅读 评论(0) 收藏
- 配置开发支持高并发TCP连接的Linux应用程序全攻略
- JAVA基础知识之多线程——线程同步
- uva 816 Abbott的复仇
- log4j: 不同的类使用不同的日志