带有cookie的标签,完全隐藏内容

时间:2012-04-12 19:13:11

标签: jquery cookies tabs

有支持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');
});

1 个答案:

答案 0 :(得分:0)

在函数的修改中找到了解决方案

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

http://jsfiddle.net/q9Epk/2/