5

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?

Jens Törnell
  • 23,180
  • 45
  • 124
  • 206

2 Answers2

3

Couldn't you do it with the getter method from cookie.js:

* Get the value of a cookie with the given key.
*
* @example $.cookie('the_cookie');
* @desc Get the value of a cookie.
*
* @param String key The key of the cookie.
* @return The value of the cookie.
* @type String

Something like

var cookieVal = $.cookie('ui-tabs-1');
Marco Johannesen
  • 13,084
  • 6
  • 31
  • 36
2

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);
Roshan Wijesena
  • 3,106
  • 8
  • 38
  • 57