I have a site with two menus. The menu along the top of the site has some top-level pages and don't have any submenu items associated with them. In the resources tree, they are created at the top level.
On the left side of the site, there is another menu with submenus that appear when you click on them (not a flyout setup...more of an accordion kind of behavior on a click basis).
The side menu is structured as a container inside of a container inside a container and a resource inside the final container. So, it looks kind of like:
outer container
>container A
>> container 1
>>> resource a
>>> resource b
>> container 2
>>>resource c
>>>resource d
> container B
>>container 3
>>> resource e
...you get the picture.
What I want to do is to have the lower level resources or containers show up only when I click the parent right above it...not to have all the children appear within a container.
When I use a Wayfinder call for the left column menu that looks like this:
<div id="navigation-left-col">
[[Wayfinder? &startId=`8` &outerTpl=`menuContainer` &level=`4` &hideSubMenus=`1` &firstClass=`` &lastClass=`` &selfClass=`self`]]
</div><!--navigation-left-col -->
...it works great. The problem is that when I then visit a page that is on the top level menu (such as the home page), the left column menu disappears. My top level menu Wayfinder call looks simply like this:
[[Wayfinder? &startId=`0`]]
If I change the side menu's Wayfinder call to have this &hideSubMenus=`0`, all menus appear, but all the children of the left column container appear (starting on level 2).
Not sure if it matters, the menuContainer tpl mentioned above contains this:
<ul[[+wf.classes]]>[[+wf.wrapper]]</ul>
Any way around this? Thank you in advance.
MODx 2.1.3
PHP Version 5.2.10
[ed. note: waizen last edited this post 14 years, 9 months ago.]
☆ A M B ☆
