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è)索引變量
});
});
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者