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>
流冊流程在三分之二步時停止,頁面凍結,應該怎么做?<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>
</ul>
</div>
index.js
//FAQ問答JQuery
$(function () {
var npage=0; //當前頁初始值
$('.plus').click(function () { //+加號按鈕單擊事件
if($('.plus').index(this)==npage){ //判斷是否是當前頁是執行下面的內空
//點擊是當前頁時判斷是加號還是減號(加號表示隱藏,減號表示顯示)
$(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);//把當前點擊過的索引賦給當前頁索引變量
});
});
最后編輯于 :
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。