Yeah that’s ok for my simplification. My real code has nested if.bind elements though and I am not sure that will work for my materialize accordion.
The full template is
<ul class="side-navigation z-depth-2">
<div repeat.for="menu of menus">
<div if.bind="menu.hasSubMenuItems" >
<li class="collapsible-accordion">
<ul md-collapsible="accordion: true;">
<li class="list-level-two">
<div class="collapsible-header">${menu.menuItem.title()}</div>
<div class="collapsible-body">
<ul>
<li repeat.for="menuItem of menu.subMenuItems()" class="list-level-three">
<a click.delegate="showFlatPage(menuItem.pageId())" href.bind="menuItem.title()">${menuItem.title()}</a>
</li>
</ul>
</div>
</li>
</ul>
</li>
</div>
</div>
</ul>