Accordion-Menu with Wayfinder

Hey guys,

I’m trying to realize a menu with a dynamic accordion-effect. Everything works fine in my HTML-Mockup so far. My problem is now that I want to create it in MODx with Wayfinder. I already found some resources on the web about this (e.g. http://wiki.modxcms.com/index.php/Accordion_menu_with_Wayfinder), but all of them require a strict structure. The structure of my page is mixed with containers and pages:

You can see what I want here: http://jk-architektur.de/demo/

Is it possible to implement it with Wayfinder?

Regards
Christopher

Hi,
Welcome. Ooo, CSS3, very slick, and a very pretty site. Yes, that should be very feasible. You need to template the calls. See this for information:
http://muddydogpaws.com/development/wayfinder/parameters.html

At a glance, I’m thinking you would need these parameters:

for &outerTpl that makes the CSS3-y container:


For &parentRowHereTpl, giving the non-link:


For &innerTpl, making initial children invisible before clicking fires JQuery:


The templates are chunks, and they’re referred to in your call, as you’ll see in the documentation link above. That should get you started. Not sure if you’d need an &innerRowTpl, default might work. This is all Evo code, placeholders in Revo are different, I believe they look like this: [[+wf.wrapper]]

Beyond that, you’ll obviously need to include your libraries for the making the items slide down. I might try this on a site myself!

Cheers, Dave

Hi Dave,

thanks a lot!
That instantly worked. I don’t really understand what exactly is the important thing here yet, but I may figure it out.

Best Regards
Christopher

Christopher,
Wow, glad to hear that! I should improvise more often. I will keep this in mind, as it’s a really attractive type of menu.

I actually did a quick test with IE, because I figured the CSS3 stuff would not work, yet it did. Now I see that there is a library to allow rotten IE to handle CSS3, very interesting work-around.

With Wayfinder, combined with CSS, it’s possible to make nearly any kind of menu, even completely ill-advised ones.

Cheers, Dave