Блог

Мое меню выглядит следующим образом:

 Auth Management
- Local User
- Assign Role
Loggers
- Log Levels
Integrations
- Providers
  

Моя HTML-страница выглядит следующим образом:

 <clr-vertical-nav>
    <clr-vertical-nav-group routerLinkActive="active">
        <clr-icon shape="user" clrVerticalNavIcon></clr-icon>Auth Management
        <clr-vertical-nav-group-children *clrIfExpanded="true">
            <a clrVerticalNavLink [routerLink]="['local']" routerLinkActive="active">Local User</a>
            <a clrVerticalNavLink [routerLink]="['users']" routerLinkActive="active">Assign Role</a>
        </clr-vertical-nav-group-children>
    </clr-vertical-nav-group>
    <clr-vertical-nav-group routerLinkActive="active">
        <clr-icon shape="filter-grid-circle" clrVerticalNavIcon></clr-icon>Loggers
        <clr-vertical-nav-group-children *clrIfExpanded="false">
            <a clrVerticalNavLink [routerLink]="['log-levels']" routerLinkActive="active">Log Levels</a>
        </clr-vertical-nav-group-children>
        </clr-vertical-nav-group>
    <clr-vertical-nav-group routerLinkActive="active">
        <clr-icon shape="line-chart" clrVerticalNavIcon></clr-icon>Integrations
        <clr-vertical-nav-group-children *clrIfExpanded="false">
            <a clrVerticalNavLink [routerLink]="['integration']" routerLinkActive="active">Providers</a>
        </clr-vertical-nav-group-children>
    </clr-vertical-nav-group>
</clr-vertical-nav>
  

При запуске страницы я получаю "Auth Management" открытые, а другие закрытые, поскольку я устанавливаю *clrIfExpanded значения.

Я пытаюсь реализовать сворачивание одного меню при нажатии на заголовок другого меню.

Например, если я нажму на "Loggers" , "Auth Management" and "Integrations" должно быть свернуто / развернуто.

или, если я нажму на "Integrations" , "Loggers" and "Auth Management" должно быть свернуто / развернуто.

Я попытался установить значение *clrIfExpanded в классе component в (click) заголовке меню on, но я не достиг этой функциональности. Как я могу этого добиться. Заранее спасибо!