How to create an expandable menu

Hello guys, I'm trying typolight and it seems an excellent cms so far

I created a custom navigation menu that I show in a sidebar
This menu should have multiple levels, with sublevels shown only after clicking on the top level (and loading the related page).
I make an example, it's easier than it sounds:

Standard menu, when nothing have been clicked yet:
- Holidays
- Areas
- Shopping
- Nature

When someone clicks on Shopping (or any other item) the related page is shown and the menu is shown as this:
- Holidays
- Areas
- Shopping
---- Food
---- Sports
---- Hi Tech
---- Automotive
- Nature

normally I'd code the website to show a nested <ul> inside a[*] when the user enters the shopping menu item, but if I include Food, Sports Hi Tech in the Custom Navigation page selection all of them are displayed at the same level.

Maybe I'm using a wrong approach...any suggestion?

to clarify I need to do exactly what they di on http://www.pictorama.de/ (made with typolight)

if you click virtuelle Rundgänge in the left menu some submenu elements are shown

this is exactly what I need

Use navigation stop level without Hard Limit. This should work.

I tried your solution but all I get is another menu like the main menu

the items that I want to show in this menu are not those in the main menu
see the screenshot of the admin panel: the items in the green box are those that should be sown in this menu

http://www.imagebullet.com/t/thumb_1qzkcyolAvZv.gif

for these items I checked "hide from navigation menu" and created a custom navigation menu element, but I suppose it's not the way to go...
other items below the box are shown in the main menu

maybe I need to completely reorganize the tree? or what?

ok I've solved this

I've changed the items that should appear in this menu to be the ones pulled by the main menu and set the Stop level to 1

this actually generates the tree I needed when clicked

Code:

---

<ul>[*][*]
  <ul>[*][*][*][/list]
[*][/list]

---

now my question is, if I want another menu block like this, how can I create it?

Rearrange your menu to have the ones you want to have grouped as subsites to one "root" (actually a regular site or a redirection site, or as well a page root). In the navigation module you can select a starting / reference point where the navigation "starts".

cool, this is done via the reference page function
I supposed it represented some kind of linked content

this makes things a lot easier

thank you guys ;)

Hi guys,

I want to do the same, but I've got a problem. My subitems are always visible and not expandable!
I use TYPOlight version 2.6.0. What am I doing wrong or do I forgot something?

Hi Vascom,
try to set the stoplevel =1

Hope there is something like that in youre Module... TL 2.6 is far away ;-)

regards

Hi MacKP,

Thanks! I was trying to receive this goal with the subnavigation module :? I now setup a main navigation module with stoplevel = 1 and it's working! :D

While installing the extension [conditionalselectmenu] Conditional Select-Menu is showing a problem saying
status: Not approved for TYPOlight 2.7.2.

I want vertical menu tree like structure. so i am using this. please help me in moving out

I've changed the items that should appear in this menu to be the ones pulled by the main menu

<< hi, can you tell me how to do this..?
Thanks

= Solved =

there's a setting (hidden LOL) at the Site Structure that allows you to hide the pages you want from navigation menu
:oops: