Comments on: A jQuery slider on cookies

By: Jim

Jim — Sun, 29 Aug 2010 06:48:54 +0000

Really easy to use. thanks.

By: Erik

Erik — Tue, 10 Aug 2010 12:46:58 +0000

Super cool, works perfectly!
thanks

By: Igor

Igor — Thu, 22 Jul 2010 05:28:52 +0000

Super thanks for this tutorial, I implemented it on a popular news website. You are the best!

By: momo

momo — Tue, 18 May 2010 20:17:14 +0000

Helped me a lot, thanks!!!

By: dridm

dridm — Mon, 19 Apr 2010 23:21:06 +0000

sweet! nice job, thanks for sharing!

By: Xaliber von Reginhild

Xaliber von Reginhild — Mon, 12 Oct 2009 21:53:21 +0000

Great script.
A question though, is it possible to make it horizontally-scaled? So it collapses/expands horizontally, not vertically.

By: Ted

Ted — Mon, 10 Aug 2009 14:47:39 +0000

I applied ‘/’ path to each case when cookie is set. This seems to fix

—————————————
if($.cookie(“panelState”) == undefined) {
$.cookie(“panelState”, initialState, { path: ‘/’ });
}

var state = $.cookie(“panelState”);

if(state == “collapsed”) {
panel.hide();
button.html(hiddenText);
button.addClass(activeClass);
}

button.click(function(){
if($.cookie(“panelState”) == “expanded”) {
$.cookie(“panelState”, “collapsed”, { path: ‘/’ });
button.html(hiddenText);
button.addClass(activeClass);
} else {
$.cookie(“panelState”, “expanded”, { path: ‘/’ });
button.html(visibleText);
button.removeClass(activeClass);
}

panel.slideToggle(“slow”);

return false;
});
—————————————

By: Bram

Bram — Mon, 10 Aug 2009 08:21:02 +0000

Hmm, myself, I have no idea how to do this. Is anything mentioned on the jquery.cookie plugin page? You might have better luck asking it there.

By: Ted

Ted — Mon, 10 Aug 2009 05:38:48 +0000

Hello, thank you for the script.

Could someone advise how to make the cookie remember site-wide and not by folder? I tried adding path to the first bit to:

$.cookie(“panelState”, initialState, { path: “/” });

but it does not solve. Thanks!

By: Johan

Johan — Fri, 15 May 2009 10:08:55 +0000

BzS, to that change button.text to button.html

In the variable at the top add your HTML.