Angular ng-click切换并关闭

Question

作为一个普通的有角度的新手，并试图找到我的问题的答案几个小时。我终于放弃了，并且认为从更多知识渊博的人那里询问可能更好，所以就这样了。

我有多个应该放下容器的标签。最初没有什么是敞开的。点击一个下拉列表打开，再次点击它应该关闭。此外，当点击另一个按钮时，当前打开的容器也应该关闭。

这是我目前的代码：

<div ng-init="item = 0">
  <div class="dropdon" ng-show="item == 1">
  </div>

    <div class="dropdon" ng-show="item == 2">
  </div>
</div>

<ul class="nav">                             
<li>
  <div class="btn"  href="#" ng-click="item = 1"
       ng-class="{ active:item == 1 }"><span>Nr1</span></div>
</li>

<li>
<div class="btn" href="#" ng-click="item = 2"
     ng-class="{ active:item == 2}"><span>Nr2</span></div>
</li>

当你第一次点击某个东西并在两个开口之间切换但它再次点击打开的tba时它不会关闭时，它会很好地打开。此外，我知道所有这些逻辑都应该在控制器中，但目前我仍然是这方面的新手，如果有人可以帮我解决这个问题，我将不胜感激。