有 cookie 支持的选项卡http://jsfiddle.net/q9Epk/1/
最后几行代码在单击选定的导航项时必须完全隐藏内容,但它不起作用
// hide tab
$('ul.tabs li.current').click(function() {
$('div.section').find('div.box').hide();
$(this).removeClass('current');
eraseCookie('tabCookie');
});
有 cookie 支持的选项卡http://jsfiddle.net/q9Epk/1/
最后几行代码在单击选定的导航项时必须完全隐藏内容,但它不起作用
// hide tab
$('ul.tabs li.current').click(function() {
$('div.section').find('div.box').hide();
$(this).removeClass('current');
eraseCookie('tabCookie');
});
在修改函数中找到了解决办法
$('ul.tabs').delegate('li:not(.current)', 'click', function() {
$(this).addClass('current').siblings().removeClass('current')
.parents('div.section').find('div.box').hide().eq($(this).index()).fadeIn();
var ulIndex = $('ul.tabs').index($(this).parents('ul.tabs'));
eraseCookie('tabCookie'+ulIndex);
createCookie('tabCookie'+ulIndex, $(this).index(), 365);
}).delegate('li.current', 'click', function() {
$(this).parents('div.section').find('div.box').hide()
$(this).removeClass('current');
eraseCookie('tabCookie'+0);
});