html div点击无效,关于多个DIV展开收缩，请教有哪些的不对？点击无效

如下

html:

• 21502156456254领取

• 21502156456254领取

• 21502156456254领取

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('');

} else {

$('#content_'+i).slideUp('fast');

$('#tab_'+i+' .arrow').html('');

}

});

};

});

请问哪里有问题呢？这样弄，点击无效~