Search code examples
jquerycookiesjquery-ui-tabsjquery-tabsjquery-cookie

jQuery tabs with cookie - If cookie exists?


I have this code:

jQuery(document).ready(function($) {
        $( "#tabs" ).tabs({
            collapsible: true,
            fx: { height: 'toggle', duration: 'fast'},
            cookie: { expires: 30 }
        });
    });

I use jQuery tabs with a cookie set. If no cookie is set I want to hide the tabs. I have the jquery.cookie plugin installed that was required.

My question

How can I check if the tabs cookie is set or not?


Solution

  • You shoud use set and get

    //getter
    var cookie = $( ".selector" ).tabs( "option", "cookie" );
    //setter
    $( ".selector" ).tabs( "option", "cookie", { expires: 30 } );
    

    EDIT

    Set the name for the Cookie and use getter and setter

     $("#selector").tabs({
            cookie: {
                name: 'mycookie',
                expires: 10
            }
        });
    
    
            Get the Cookie 
            alert($.cookie('mycookie'));
    
            Set the Cookie 
            $.cookie('mycookie', null);