How do you have only one menu item open at a time in ember js?

We have a page in ember js which has multiple menus. When you click on an icon the menu should open and when you click on a close button it should close. The only problem is that when you click one and then a second one, they are both open at the same time but what we want is for only one to be open at a time. any suggestions on how to fix this?

 <div> Menu items </div>


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