jquery問答顯示隱藏當前列表

index.html

<div class="margin-t-40 customer-question" id="problem">
        <ul >
            <li><span class="customer-question-ico margin-r-20"></span>需要多長時間開立一個基本帳戶？
                <span  class="fr customer-question-plus plus" ></span>
                <div  class="answer">1天左右就可以搞定</div>
            </li>
            <li>
                <span class="customer-question-ico margin-r-20"></span>為什么當嘗試上傳我的文件時，注冊頁面到期？
                <span  class="fr customer-question-plus plus" ></span>
                <div  class="answer ">你想多了，根本不會有這種情況</div>
            </li>
            <li>
                <span class="customer-question-ico margin-r-20"></span>我的資金存在BKL，安全嗎？
                <span  class="fr customer-question-plus plus" ></span>
                <div  class="answer ">放心吧，絕對安全！</div>
            </li>
            <li><span class="customer-question-ico margin-r-20"></span>
                為什么當嘗試上傳我的文件時，注冊頁面到期？<span class="fr customer-question-plus plus" ></span>
                <div  class="answer">放心吧，以后不會有到期的！</div>
            </li>
            <li> <span class="customer-question-ico margin-r-20"></span>
                流冊流程在三分之二步時停止，頁面凍結(jié)，應(yīng)該怎么做？<span class="fr customer-question-plus plus" ></span>
                <div  class="answer">繼續(xù)注冊，到成功為止！</div>
            </li>
            <li> <span class="customer-question-ico margin-r-20"></span>
                我的資金存在BKL，安全嗎？<span class="fr customer-question-plus plus" ></span>
                <div  class="answer">請放心，我們有私保，絕對安全！</div>
            </li>

        </ul>
    </div>

index.js

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