Это своего рода продолжение предыдущего вопроса, который я разместил, но я не смог заставить его работать.
Я пытаюсь использовать несколько наборов вкладок (jQuery) на одной странице.
Это код, который у меня был для одного набора вкладок, который отлично работает:
$('div.tabs div.tab').hide();
$('div.tabs div:first').show();
$('div.tabs ul.htabs li:first a').addClass('current');
$('div.tabs ul.htabs li a').click(function(){
$('div.tabs ul.htabs li a').removeClass('current');
$(this).addClass('current');
var currentTab = $(this).attr('href');
$('div.tabs div.tab').hide();
$(currentTab).show();
return false;
});
Чтобы использовать более одного набора на странице, я присвоил #id каждому набору вкладок и попытался реализовать это с помощью:
$.each(['#tabs-1', '#tabs-2', '#tabs-3' ], function(id) {
$(id + 'div.tab').hide();
$(id + 'div:first').show();
$(id + 'ul.htabs li:first a').addClass('current');
$(id + 'ul.htabs li a').click(function(){
$(id + 'ul.htabs li a').removeClass('current');
$(this).addClass('current');
var currentTab = $(this).attr('href');
$(id + 'div.tab').hide();
$(currentTab).show();
return false;
});
});
Очевидно, я делаю что-то не так, но как новичок в jQuery я в тупике!