Comments on: Saving state with the jQuery Accordion Menu http://www.mikecentola.com/blog/2009/05/31/saving-state-with-the-jquery-accordion-menu/ [ mike centola's blog ] Sat, 23 Jan 2010 05:25:37 +0000 hourly 1 http://wordpress.org/?v=3.0.1 By: Cool Dude http://www.mikecentola.com/blog/2009/05/31/saving-state-with-the-jquery-accordion-menu/comment-page-1/#comment-4376 Cool Dude Mon, 11 Jan 2010 08:34:22 +0000 http://www.mikecentola.com/blog/?p=176#comment-4376 Your site was extremely interesting, especially since I was searching for thoughts on this subject last Thursday. I'm Out! :) Your site was extremely interesting, especially since I was searching for thoughts on this subject last Thursday.

I’m Out! :)

]]> By: mikecentola http://www.mikecentola.com/blog/2009/05/31/saving-state-with-the-jquery-accordion-menu/comment-page-1/#comment-3801 mikecentola Wed, 18 Nov 2009 23:23:20 +0000 http://www.mikecentola.com/blog/?p=176#comment-3801 Right, that will work for having the anchor tag in the address bar. Using a cookie circumvents that. I can't remember why I didn't want it in the address bar, but it will come to me haha. Right, that will work for having the anchor tag in the address bar. Using a cookie circumvents that. I can’t remember why I didn’t want it in the address bar, but it will come to me haha.

]]> By: Parker Hillius http://www.mikecentola.com/blog/2009/05/31/saving-state-with-the-jquery-accordion-menu/comment-page-1/#comment-3800 Parker Hillius Wed, 18 Nov 2009 23:09:53 +0000 http://www.mikecentola.com/blog/?p=176#comment-3800 Setting the navigation attribute to true will let the accordion automatically handle this for you. From jQuery Documentation: navigation Type:Boolean Default:false If set, looks for the anchor that matches location.href and activates it. Great for href-based state-saving. Use navigationFilter to implement your own matcher. Setting the navigation attribute to true will let the accordion automatically handle this for you.

From jQuery Documentation:

navigation

Type:Boolean
Default:false

If set, looks for the anchor that matches location.href and activates it. Great for href-based state-saving. Use navigationFilter to implement your own matcher.

]]> By: kibi http://www.mikecentola.com/blog/2009/05/31/saving-state-with-the-jquery-accordion-menu/comment-page-1/#comment-3706 kibi Fri, 06 Nov 2009 12:05:36 +0000 http://www.mikecentola.com/blog/?p=176#comment-3706 Thanks for article. How to store nested list accordions ? In you example http://www.truenegative.com you have 1 level accordion with Here it is nested list accordion - http://blog.evaria.com/wp-content/themes/blogvaria/jquery/index-multi.php Any ideas? Thank you for answer :-) Thanks for article.
How to store nested list accordions ?
In you example http://www.truenegative.com you have 1 level accordion with
Here it is nested list accordion – http://blog.evaria.com/wp-content/themes/blogvaria/jquery/index-multi.php
Any ideas?

Thank you for answer :-)

]]> By: mikecentola http://www.mikecentola.com/blog/2009/05/31/saving-state-with-the-jquery-accordion-menu/comment-page-1/#comment-3677 mikecentola Fri, 30 Oct 2009 18:06:40 +0000 http://www.mikecentola.com/blog/?p=176#comment-3677 Working example is up (unofficially) at <a href="http://www.truenegative.com" rel="nofollow">www.truenegative.com</a> Take a look and let me know what you think! Working example is up (unofficially) at http://www.truenegative.com

Take a look and let me know what you think!

]]> By: Stuart http://www.mikecentola.com/blog/2009/05/31/saving-state-with-the-jquery-accordion-menu/comment-page-1/#comment-3670 Stuart Thu, 29 Oct 2009 23:55:24 +0000 http://www.mikecentola.com/blog/?p=176#comment-3670 Hi Mike, Thanks for the code. Any news on when you might have a working example? Hi Mike,
Thanks for the code.
Any news on when you might have a working example?

]]> By: Help Seeker http://www.mikecentola.com/blog/2009/05/31/saving-state-with-the-jquery-accordion-menu/comment-page-1/#comment-3378 Help Seeker Sun, 27 Sep 2009 21:14:20 +0000 http://www.mikecentola.com/blog/?p=176#comment-3378 Per Jensesn, Thanks for your suggstion. It seems to e working for un-nested accordions, but for nested I'm having trouble as is collapses all as soon as I click on the sub-accordion. Here's my code: jQuery(document).ready(function(){ var drawer = jQuery.cookie('accdrawer'); if(drawer == undefined) { drawer = "0"; } jQuery('#accordion2').accordion({ header: 'h3', navigation: false, active: parseInt(drawer), autoHeight: false, clearStyle: true, collapsible: true, alwaysOpen: true, animated: 'slide', change: function(event,ui) { var index = jQuery(this).find("h3").index(ui.newHeader[0]); if (index > -1) { jQuery.cookie("accdrawer", index, {path: "/"}); } } }); }); <a href="#" rel="nofollow">Main</a> <a href="#" rel="nofollow">Search</a> <a href="#" rel="nofollow">Test</a> <a href="#" rel="nofollow">Review</a> <a href="#" rel="nofollow">Database</a> <a href="#" rel="nofollow">Summary</a> <a href="#" rel="nofollow">Dashboard</a> <a href="#" rel="nofollow">Summary</a> Per Jensesn,
Thanks for your suggstion. It seems to e working for un-nested accordions, but for nested I’m having trouble as is collapses all as soon as I click on the sub-accordion. Here’s my code:

jQuery(document).ready(function(){
var drawer = jQuery.cookie(‘accdrawer’);
if(drawer == undefined) {
drawer = “0″;
}
jQuery(‘#accordion2′).accordion({
header: ‘h3′,
navigation: false,
active: parseInt(drawer),
autoHeight: false,
clearStyle: true,
collapsible: true,
alwaysOpen: true,
animated: ‘slide’,
change: function(event,ui) {
var index = jQuery(this).find(“h3″).index(ui.newHeader[0]);
if (index > -1) {
jQuery.cookie(“accdrawer”, index, {path: “/”});
}
}
});
});

Main

Search
Test
Review

Database

Summary

Dashboard

Summary

]]> By: Taeke http://www.mikecentola.com/blog/2009/05/31/saving-state-with-the-jquery-accordion-menu/comment-page-1/#comment-2978 Taeke Thu, 27 Aug 2009 22:09:41 +0000 http://www.mikecentola.com/blog/?p=176#comment-2978 Thanks Per Jensen, I didn't get the cookie thing to work but your solution works like a charm Thanks Per Jensen,

I didn’t get the cookie thing to work but your solution works like a charm

]]> By: mikecentola http://www.mikecentola.com/blog/2009/05/31/saving-state-with-the-jquery-accordion-menu/comment-page-1/#comment-2879 mikecentola Thu, 20 Aug 2009 20:32:13 +0000 http://www.mikecentola.com/blog/?p=176#comment-2879 I know I know! It's coming soon. I swear! :) I know I know! It’s coming soon. I swear! :)

]]> By: Roman http://www.mikecentola.com/blog/2009/05/31/saving-state-with-the-jquery-accordion-menu/comment-page-1/#comment-2846 Roman Tue, 18 Aug 2009 11:31:24 +0000 http://www.mikecentola.com/blog/?p=176#comment-2846 Example of this working would be really nice, since I just can't make it work :( Example of this working would be really nice, since I just can’t make it work :(

]]>