FAQ页面设计

应用场景：常见于没有具体业务逻辑就是一些说明性的页面

效果图：

页面中的div:

<div class="zjjl_div">
                <div class="zjjl_title">
                    <p>补单安全相关的问题</p>
                </div>
                <div class="text">
                    <h2>1、补订单平台如何确保商家安全？</h2>
                    <ul>
                        <li>没有任务一家平台可以确保补单的安全，但是我们可以保证商家资金安全、并且从多方面尽量提高补单的安全性：</li>
                        <li>a)  <span>资金安全保障</span>：商家在补订单平台放单，如果遇到买手退款等情况，平台全额赔付。</li>
                        <li>b)  <span>买号质量保障</span>：平台对每一个买手进行考试认证和实名身份认证，控制每个号的接单量。</li>
                        <li>c)  <span>买号操作流程监控</span>：商家可在平台查看买手每步操作的日志，全程截图留底。</li>
                        <li>d)  <span>任务增值服务多样</span>：可以选择买号信用等级、评价文案和图片、追评、任务完成时间、任务发布间隔等等。</li>
                    </ul>
                    <h2>2、补订单平台如何控制买手的接单量？</h2>
                    <ul>
                        <li>补订单的买手全部为实名认证买手，都经过手持身份证实名认证。同时，买手接单前都经过新手考试和培训。对接单量控制如下：</li>
                        <li>a)  一个手机号只能注册一个账号，且只能对应一个身份证</li>
                        <li>b)  同一个账号30天内最多只能在一个商家接1单</li>
                        <li>c)  等级越低账号日接单量越少，2-3心账号周接单量不超过15单</li>
                    </ul>
                    <h2>3、平台上的小号安全吗？会不会有黑号？</h2>
                    <ul>
                        <li>补订单平台的买号大多是买手自己的大号、主号，应该黑号的概率较低。</li>
                        <li>a)  补订单所有账号都是真实手机注册，需要手机验证，并且还需提供由专人发放的邀请码才能成功注册</li>
                        <li>b)  每个账号下的旺旺号都有严格的人工审核过程，保证旺旺号都是实名认证且注册满两月以上。</li>
                        <li>c)  每个买手要经过考试，才能接单。</li>
                    </ul>
                </div>
            </div>

js处理显示效果：

 $('.zjjl_title').click(function(){
        var bgPic = $(this).find('p').css('background-image');
        if(bgPic.match('i36_lmsq.png')){
            $(this).find('p').css('background-image','url(/asserts/images/i36_lmzk.png)');
            $(this).siblings('.text').slideUp();
        }else{
            $(this).find('p').css('background-image','url(/asserts/images/i36_lmsq.png)');
            $(this).siblings('.text').slideDown();
        }
    });