Comments on: jQuery Menu Example

By: Aaron Adelajda

Aaron Adelajda — Fri, 14 May 2010 17:47:06 +0000

Hi Thomas
Great work, thank you for the work, I have a remark here, the plugin works fine with version of jQuery you use but not with newer versions, I use jQuery version 1.4.2 and the error message I get in my debugger sounds like this:

Error: jQuery.filter( expr, [i] ).r is undefined

Can you manage this to work with version 1.4.2? I will be very appreciative, you have my email address aaron.adelajda@gmail.com would you let me know?

regards
Aaron

By: webbie

webbie — Wed, 24 Mar 2010 21:53:55 +0000

Hi Thomas,

How do I go about expanding by adding a class for example

Title 2.

I want to expand when a child of Title 2 is active.
Another problem is how do i make the “Title 2” link say go to bbc.co.uk if it has no children

Thanks

By: webbie

webbie — Wed, 24 Mar 2010 15:08:46 +0000

Hi!

I like you jquery menu its simple and perfect. How do you for example, when the page loads for the first time. how do make say “Title 1” or Title2 already expanded? what code would you use to your existing code? Thanks

jQuery().ready(function(){
// applying the settings
jQuery(‘#theMenu’).Accordion({
active: ‘h3.selected’,
header: ‘h3.head’,
alwaysOpen: false,
animated: true,
showSpeed: 400,
hideSpeed: 800
});
});

By: Andrea

Andrea — Mon, 08 Mar 2010 15:38:09 +0000

Hi tomas and thanks for the good work.. just one question which versione of the jquery lib u have used? Thank you

By: Anand

Anand — Mon, 08 Mar 2010 08:57:38 +0000

I want to create flyout menus using jQuery, Menu data will be maintained list folders.
Please help on this.

By: Raghu

Raghu — Tue, 12 Jan 2010 09:51:01 +0000

Hi,

I am new to jquery. I want to create a navigation menu like your example (https://blog.evaria.com/wp-content/themes/blogvaria/jquery/index.php). Can you plase guid me.

raghu

By: Ordell

Ordell — Tue, 05 Jan 2010 10:13:38 +0000

Hi Thomas,

This Menu just looks great ^^ thank you for that good work.
I was wondering how can I close lists under level 2 or 3 in the menu when i click on a different level 1 menu ?
In your exemple : https://blog.evaria.com/wp-content/themes/blogvaria/jquery/index-multi.php I click on Title 2, then, Content xtra 2 1 a. If I click on Title 3, it closed Title 2, but when I click again on Title 2, Content xtra 2 1 a keep an open state. Do you know how can I do to close this when I click on another menu level ?

Thanks

By: digitalcanopy

digitalcanopy — Mon, 04 Jan 2010 19:20:51 +0000

This is a great example of an accordion menu! I was wondering if you have an example of this menu that allows it to be persistent as the page is refreshed (similar to the question from kibi) above. Any help you might be able to provide would be great!

By: giydirme ve makyaj oyunlarÄ±

giydirme ve makyaj oyunlarÄ± — Sat, 12 Dec 2009 17:17:32 +0000

I am very new to jQuery..i made a little approach using jQuery to do something like Digg

By: kibi

kibi — Wed, 04 Nov 2009 11:52:28 +0000

I'd like show opened nested list after page refresh. How to add cookies for nested list Accordion example https://blog.evaria.com/wp-content/themes/blogvaria/jquery/index.php ? I can store current opened levels by cookies


	$("#xtraMenu ul li a").click(function(){
  	$.cookie("openItem", $(this).attr("href"));
  });

	$("#theMenu li h3 a").click(function(){
  	$.cookie("openItemMain", $(this).attr("href"));
  });

But when I try to open necessary part â€“ Accordion list not opening


$("#theMenu  li h3 a[href$='" + $.cookie("openItemMain") + "']").addClass("open");	
$("#xtraMenu  ul li a[href$='" + $.cookie("openItem") + "']").addClass("open");

Could you tell me what's I doing wrong ? Thank you for great jQuery Accordion script once more! :-)

By: Armel

Armel — Wed, 14 Oct 2009 17:34:28 +0000

Salut je suis Ã©tudiant en info licence genie logiciel et je souhaite avoir le code source de l’exemple prÃ©senter plus haut sur le menu deroulant. Mon probleme est chez moi tous les diffÃ©rents liens sont visibles je veux que lorsqu’on clique sur menu ses sous sont prÃ©sentÃ©s et les sous menus des autres menus cachÃ©s tant qu’on n’a pas cliquÃ© dessus
merci

By: Andy Lowry

Andy Lowry — Fri, 02 Oct 2009 23:06:24 +0000

Oops… should be “activate()” method, not “active()” method in my prior post.

-andy

By: Andy Lowry

Andy Lowry — Fri, 02 Oct 2009 23:05:18 +0000

Great work! I’m using this implementation in a multi-level menu. One issue I ran into was when I wanted to activate a particular submenu that was nested within others. I coded a series of “activate()” calls, but they didn’t always all use the correct index, even though the correct index was being passed in. I eventually concluded this was due to asynchronous handling of the “activate” events. I was able to fix this by using jQuery’s triggerHandler() method instead of trigger() as you’ve used in your active() method. I guess it makes the handling synchronous, and no more problems with my multi-level activations. You might want to make this change in your distribution.

-andy

By: AydÄ±n Boydak

AydÄ±n Boydak — Sun, 09 Aug 2009 10:15:16 +0000

great explanation thanks for article Turkcell kontor

By: Thomas

Thomas — Sun, 10 May 2009 08:33:21 +0000

In reply to Deepa.

As it is used to trigger the event it can’t act as a link at the same time. However you may add a normal link on the same line and have the “event-link” to either side of that link. It’s a bit of a struggle with the CSS but it is doable.

Let me know if you succeed and please add a link to show off your work 🙂