Javascript 角度ui路由器选项卡-激活时隐藏div

仅在特定选项卡上显示/隐藏选项卡内容外的div的最简单方法是什么？我当前的示例显示了这一点，但我无法使其再次隐藏

普朗克：

单击“关于选项卡”时显示。
安格拉鲁路由器

家
关于

家
关于

  <div class="border" ng-show="aboutTabActive == true">Show me when the "About Tab" is clicked.</div>

  <!-- NAVIGATION -->
  <nav class="navbar navbar-inverse" role="navigation">
      <div class="navbar-header">
          <a class="navbar-brand" ui-sref="#">AngularUI Router</a>
      </div>
      <ul class="nav navbar-nav">
          <li><a ui-sref="home">Home</a></li>
          <li><a ui-sref="about" ng-click="aboutTabActive=true">About</a></li>
      </ul>
  </nav>

  <!-- MAIN CONTENT -->
  <div class="container">
      <div ui-view></div>
  </div>

<ul class="nav navbar-nav">
          <li><a ui-sref="home" ng-click="aboutTabActive=false">Home</a></li>
          <li><a ui-sref="about" ng-click="aboutTabActive=true">About</a></li>
      </ul>