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>

仅供个人学习参考/导航指引使用，具体请以第三方网站说明为准，本站不提供任何专业建议。如果地址失效或描述有误，请联系站长反馈～感谢您的理解与支持！

链接: https://web.fly63.com/nav/308