jQuery tabs with cookie - If cookie exists?
-
25-10-2019 - |
Question
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);
OTHER TIPS
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');
Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow