Question about Drupal 7 menus

I have set up a basic menu system to go in a left sidebar region on my site. Some of the links are setup in a hierarchy and I have all of them set to show as expanded.

How can I set it up so only the active section is expanded?

For example, I have it like this

-Our Services
–service 1
–service 2
-Expertise
–expertise 1
—subsection of expertise 1
—another subsection of expertise 1
-Industries

-etc..

How do I set it up so all the sections under expertise are hidden unless they click that link? I looked through the CSS of the theme to see if I could alter it that way, and it only adds an ‘active’ class to the active link rather than the list. Is there a way to do this without having to hide the lists with javascript?

I’m pretty new to to Drupal, if that isn’t obvious.

I have set up a basic menu system to go in a left sidebar region on my site. Some of the links are setup in a hierarchy and I have all of them set to show as expanded.

How can I set it up so only the active section is expanded?

For example, I have it like this

-Our Services
–service 1
–service 2
-Expertise
–expertise 1
—subsection of expertise 1
—another subsection of expertise 1
-Industries
-etc..

How do I set it up so all the sections under expertise are hidden unless they click that link? I looked through the CSS of the theme to see if I could alter it that way, and it only adds an ‘active’ class to the active link rather than the list. Is there a way to do this without having to hide the lists with javascript?

I’m pretty new to to Drupal, if that isn’t obvious.

just disable "[always] show as expanded"

what you want is actually the default action

I would have thought that would be the default way, but its not working that way.

I’m using Danland as a default theme that I am modifying. Would the theme possibly be overriding the default?

Also, I’m using Drupal 7..which may be different. The option in the admin panel says "Show as expanded" with the help text saying " If selected and this link has children, the menu will always appear as expanded."

Ended up hiding the non-active menus with javascript.. If the user has it disabled then all menus will be expanded, oh well ;o

jQuery('#sidebar-left ul.menu ul.menu').each(function(){
   if(jQuery(this).find('li a.active').size() == 0){
      jQuery(this).css('display', 'none');
   }
});
jQuery('#sidebar-left ul.menu li a.active').each(function(){
   jQuery(this).parent().find('ul').css('display', 'block');
});