如下html:<div class="welfare_list"> <ul class="title" id="tab_0"> <li> <dl class="fl">手機尾號（8909）</dl> <dl class="fr arrow"><i class="fa fa-chevron-up"></i></dl> </li> </ul> <ul class="content hide" id="content_0"> <li> <dl class="fl">設(shè)備編號：<span>21502156456254</span></dl> <dl class="fl"></dl> <dl class="fr"><a href="" class="button gray">領(lǐng)取</a></dl> </li> </ul></div><div class="welfare_list"> <ul class="title" id="tab_1"> <li> <dl class="fl">手機尾號（8909）</dl> <dl class="fr arrow"><i class="fa fa-chevron-up"></i></dl> </li> </ul> <ul class="content" id="content_1"> <li> <dl class="fl">設(shè)備編號：<span>21502156456254</span></dl> <dl class="fl"></dl> <dl class="fr"><a href="" class="button gray">領(lǐng)取</a></dl> </li> </ul></div><div class="welfare_list"> <ul class="title" id="tab_2"> <li> <dl class="fl">手機尾號（8909）</dl> <dl class="fr arrow"><i class="fa fa-chevron-up"></i></dl> </li> </ul> <ul class="content hide" id="content_2"> <li> <dl class="fl">設(shè)備編號：<span>21502156456254</span></dl> <dl class="fl"></dl> <dl class="fr"><a href="" class="button gray">領(lǐng)取</a></dl> </li> </ul></div>JS:$(document).ready(function(){ var tab = document.getElementsByClassName('welfare_list'); for (var i = 0; i < tab.length; i++) { $('#tab_'+i).on('click', function() { if ($('#content_'+i).is(':hidden')) { $('#content_'+i).slideDown('fast'); $('#tab_'+i+' .arrow').html('<i class="fa fa-chevron-down"></i>'); } else { $('#content_'+i).slideUp('fast'); $('#tab_'+i+' .arrow').html('<i class="fa fa-chevron-up"></i>'); } }); };});請問哪里有問題呢？這樣弄，點擊無效~
關(guān)于多個DIV展開收縮，請教有哪些的不對？點擊無效
Qyouu
2019-03-12 17:13:01
