Ember.js 如何在ember js中一次只打开一个菜单项？

我们在ember js中有一个页面，它有多个菜单。单击图标时，菜单应打开，单击关闭按钮时，菜单应关闭。唯一的问题是，当你点击一个，然后点击第二个，它们都是在同一时间打开，但我们希望的是，只有一个是在同一时间打开。有没有关于如何解决这个问题的建议

{{#if showMenu}}
 <div> Menu items </div>
{{/if}}

showMenu(){
  this.set('showMenu', true);
},
hideMenu(){
  this.set('showMenu', false);
},

{{#如果显示菜单}
菜单项
{{/if}
showMenu（）{
此.set（'showMenu'，true）；
},
希德梅努（）{
此.set（'showMenu'，false）；
},

我如何使用来自

ember truth helpers

那么基本上这个js,

@tracked openMenu = null;
showMenu(name){
  this.openMenu = name;
},
hideMenu(){
  this.openMenu = null;
},

本哈佛商学院：

<button {{on "click" (fn this.showMenu 'menuOne')}}>show one</button>
{{#if (eq this.openMenu "menuOne")}}
  show menu 1
{{/if}}

<button {{on "click" (fn this.showMenu 'menuTwo')}}>show two</button>
{{#if (eq this.openMenu "menuTwo")}}
  show menu 1
{{/if}}

<button {{on "click" this.hideMenu}}>close all</button>

显示一个
{{{#if（eq this.openMenu“menuOne”）}
显示菜单1
{{/if}
显示两个
{{{#if（eq this.openMenu“menuTwo”）}
显示菜单1
{{/if}
全部关闭