jquery問(wèn)答顯示隱藏當(dāng)前列表

index.html

<div class="margin-t-40 customer-question" id="problem">
        <ul >
            <li><span class="customer-question-ico margin-r-20"></span>需要多長(zhǎng)時(shí)間開立一個(gè)基本帳戶？
                <span  class="fr customer-question-plus plus" ></span>
                <div  class="answer">1天左右就可以搞定</div>
            </li>
            <li>
                <span class="customer-question-ico margin-r-20"></span>為什么當(dāng)嘗試上傳我的文件時(shí)娱节，注冊(cè)頁(yè)面到期状您？
                <span  class="fr customer-question-plus plus" ></span>
                <div  class="answer ">你想多了赐俗，根本不會(huì)有這種情況</div>
            </li>
            <li>
                <span class="customer-question-ico margin-r-20"></span>我的資金存在BKL，安全嗎硬鞍？
                <span  class="fr customer-question-plus plus" ></span>
                <div  class="answer ">放心吧，絕對(duì)安全！</div>
            </li>
            <li><span class="customer-question-ico margin-r-20"></span>
                為什么當(dāng)嘗試上傳我的文件時(shí)泻云，注冊(cè)頁(yè)面到期？<span class="fr customer-question-plus plus" ></span>
                <div  class="answer">放心吧狐蜕，以后不會(huì)有到期的宠纯！</div>
            </li>
            <li> <span class="customer-question-ico margin-r-20"></span>
                流冊(cè)流程在三分之二步時(shí)停止，頁(yè)面凍結(jié)层释，應(yīng)該怎么做婆瓜？<span class="fr customer-question-plus plus" ></span>
                <div  class="answer">繼續(xù)注冊(cè)，到成功為止！</div>
            </li>
            <li> <span class="customer-question-ico margin-r-20"></span>
                我的資金存在BKL廉白，安全嗎个初？<span class="fr customer-question-plus plus" ></span>
                <div  class="answer">請(qǐng)放心，我們有私保猴蹂，絕對(duì)安全院溺！</div>
            </li>

        </ul>
    </div>

index.js

//FAQ問(wèn)答JQuery
$(function () {
    var npage=0;                                        //當(dāng)前頁(yè)初始值
    $('.plus').click(function () {              //+加號(hào)按鈕單擊事件
        if($('.plus').index(this)==npage){        //判斷是否是當(dāng)前頁(yè)是執(zhí)行下面的內(nèi)空
            //點(diǎn)擊是當(dāng)前頁(yè)時(shí)判斷是加號(hào)還是減號(hào)（加號(hào)表示隱藏，減號(hào)表示顯示）
            $(this).parent().find('.answer').toggle();  //點(diǎn)擊的是當(dāng)前頁(yè)就來(lái)回顯示隱藏切換
            if($(this).hasClass('customer-question-plus')){
                $(this).removeClass().addClass('fr plus customer-question-minus'); //把加號(hào)變成減號(hào)
            }else{
                $(this).removeClass().addClass('fr plus customer-question-plus');   //把減號(hào)變成加號(hào)
            }
        }else{ //不是當(dāng)前頁(yè)時(shí)
            $('.answer').hide(); //將所有的隱藏初始化
            $('.plus').removeClass().addClass('fr plus customer-question-plus');//將所有的變成+加號(hào)初始化
            $(this).parent().find('.answer').toggle();  //點(diǎn)擊來(lái)回顯示隱藏切換
            if($(this).hasClass('customer-question-plus')){
                $(this).removeClass().addClass('fr plus customer-question-minus');//把加號(hào)變成減號(hào)
            }else{
                $(this).removeClass().addClass('fr plus customer-question-plus');//把減號(hào)變成加號(hào)
            }
        }
        npage=$('.plus').index(this);//把當(dāng)前點(diǎn)擊過(guò)的索引賦給當(dāng)前頁(yè)索引變量
    });
});