Search jQuery

jQuery Forum

adoo.jque..

Tabs cookie

in Using jQuery • 11 years ago

Hi

I'm using tabs on my website and i want on aan page refresh that the last selected tab is still active

I read on the JqueryUI website that there is an "cookie" option, so i used that like this:

: $(function() { $("#tabs").tabs({ cookie: {expires: 30} }); });

But unfortunately it doens't work, the whole content of every tab is all over the webpage.

Is there anything that i have to add to get the cookie thing working?

Thanks in advance

Replies(4)

adoo.jque..

perhaps something better than cookies...

11 years ago

hey, I know my answer might be not the exact answer of your problem but with the view state. It preserve the view state by appending a # to your url.

here's the link to the plugin:
http://www.asual.com/jquery/address/docs/

let's say you have 3 tabs with id of tab1,tab2,tab3.
When you click tab1, you want to show the content of content1, tab2 for content2 and tab3 for content3..

so..

: $(document).ready(function(){ $("#tab1").click(function(){ $.address.value("tab1"); }); $("#tab2").click(function(){ $.address.value("tab2"); }); $("#tab3").click(function(){ $.address.value("tab3"); }); } $.address.change(function(event) { currentAddress=event.value; if(currentAddress=="/tab1"){ $("#content1").show(); } if(currentAddress=="/tab2"){ $("#content2 ").show(); } if(currentAddress=="/tab3"){ $("#content3").show(); } });