paper-collapse 介绍
paper-collapse是一款谷歌Material Design风格卡片式手风琴特效的jQuery 插件 。该手风琴 效果 的每 一个 手风琴项都是一张卡片，点击时卡片会相应的伸展和收缩，时尚美观。
paper-collapse使用
1、引入
<link rel="stylesheet" href="css/paper-collapse.min.css">
<script type="text/JavaScript" src="js/jquery.min.js"></script>
<script type="text/JavaScript" src="paper-collapse.js"></script>
2、html
div class="collapse-card">
<div class="collapse-card__ heading ">
<div class="collapse-card__title">
<i class="fa fa-question-circle fa-2x fa-fw"></i>
<!-- 标题 文本-->
</div>
</div>
<div class="collapse-card__body">
<!-- 手风琴卡片中的文本 内容 -->
</div>
</div>
3、初始化
<script>
$(function () {
$(".collapse-card").paperCollapse();
});
</script>
网站地址 : http://www.google.com/design/
GitHub: https://github.com/alexander-ruehle/paper-collapse
网站描述: 一款谷歌Material Design风格卡片式手风琴特效的jQuery 插件
paper-collapse官方网站
官方网站： http://www.google.com/design/
如果觉得 网站内容还不错，欢迎将 网站 推荐给程序员好友。