Start accordion closed
Permalink Browser Info Environment
Hi all,
I'm sure this is as simple as adding code into the "jQuery UI accordion options" section but I can't find the answer.
I was hoping some one could let me know how to have the accordion start with all sections closed.
Any help would be greatly appreciated.
I'm sure this is as simple as adding code into the "jQuery UI accordion options" section but I can't find the answer.
I was hoping some one could let me know how to have the accordion start with all sections closed.
Any help would be greatly appreciated.
Type: | Discussion |
---|---|
Status: | New |
Hi all, in addition to the above question, I also need to add cookie support for the jQuery tabs option of this module using jquery Cookie plugin.
I found the link below which explains how to have jQuery Tabs utilise the cookie feature to ensure on page refresh the previously selected tab remains selected.
http://forum.jquery.com/topic/jquery-ui-tabs-remember-currently-sel...
As with the first question, I'm not sure how to add this feature into the "jQuery UI Tabs options" area.
Any help will be hugely appreciated.
I found the link below which explains how to have jQuery Tabs utilise the cookie feature to ensure on page refresh the previously selected tab remains selected.
http://forum.jquery.com/topic/jquery-ui-tabs-remember-currently-sel...
As with the first question, I'm not sure how to add this feature into the "jQuery UI Tabs options" area.
Any help will be hugely appreciated.
Hi everyone,
Sorry for the 3 posts above, I sorted this out myself (I feel so clever, lol).
For anyone reading this looking for a solution, see below:
First of all, download jQuery Cookie Plugin (http://plugins.jquery.com/project/cookie), and link to it from your element/header.php file.
Add your tab as needed and add the following code to the jQuery UI Options area:
And your done!
Please reply if I have done this wrong, it works but if there is anything here which is bad practice etc, please let me know.
Sorry for the 3 posts above, I sorted this out myself (I feel so clever, lol).
For anyone reading this looking for a solution, see below:
First of all, download jQuery Cookie Plugin (http://plugins.jquery.com/project/cookie), and link to it from your element/header.php file.
Add your tab as needed and add the following code to the jQuery UI Options area:
{ cookie: { expires: 999, name: "tabs348" }, cache: false }
And your done!
Please reply if I have done this wrong, it works but if there is anything here which is bad practice etc, please let me know.
I tried {active:false, autoHeight:true} with no luck but I am a n00b when it comes to jQuery.