FAQ模板 响应式+no-js

[ 默认分类 ]

FAQ模板
一个易于自定义的模板,用于项目的常见问题解答部分,问题/答案按类别分组以简化导航。

演示

您的项目可能需要一个帮助中心部分,其中包含支持您的用户的信息,例如联系信息和常见问题/已回答的问题。我们整理了一个易于定制的模板,您可以使用它来构建常见问题解答。它具有响应能力,由CSS和jQuery提供支持,支持关闭Javascript的设备。
Mobile 样式
PC 样式

<section class="cd-faq">
   <ul class="cd-faq-categories">
      <li><a href="#basics">Basics</a></li>
      <li><a href="#mobile">Mobile</a></li>
      <li><!-- ... --></li>
   </ul>

   <div class="cd-faq-items">
      <ul id="basics" class="cd-faq-group">
         <li class="cd-faq-title"><h2>Basics</h2></li>
         <li>
            <a class="cd-faq-trigger" href="#0">How do I change my password?</a>
            <div class="cd-faq-content">
               <!-- content here -->
            </div> 
         </li>

         <li>
            <a class="cd-faq-trigger" href="#0">How do I sign up?</a>
            <div class="cd-faq-content">
               <!-- content here -->
            </div> 
         </li>

         <li><!-- ... --></li>
      </ul>

      <ul id="mobile" class="cd-faq-group">
         <!-- ... -->
      </ul> 

      <!-- ... -->
   </div> 
</section>

#none

2019年04月20日327 次浏览

随机

扫一扫
查看手机版