Angularjs

Question

我有5个选项卡的侧边菜单。我想使用angularjs进行幻灯片切换。我在jquery中有代码。我不知道怎么做angularjs。

JSFiddle

＆＃13;

＆＃13;

$('h2').click(function(event) {
  var $this = $(event.target),
    id = $this.attr('id'),
    partialId = id.split('-');

  if ($('#' + id + 't').is(':visible')) {
    $this.parent().children('div').slideUp();
  } else {
    $this.parent().children('div').slideUp();
    $('#' + id + 't').slideToggle();
  }
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="stage1">
  <h2 id="location-1">Location</h2>
  <div id="location-1t">grjryjj
  </div>
  <h2 id="jersey-1">JERSEY </h2>
  <div id="jersey-1t" style="display: none;"> ighlgkiuluil
  </div>
  <h2 id="details-1">details</h2>
  <div id="details-1t" style="display: none;">fykyuk
  </div>
</div>

＆＃13;

＆＃13;

＆＃13;

这个小提琴的例子就是我所期待的那个。但它是在jquery。我想在angularjs中做同样的事情。

我想一次只打开一个标签。如果我休息一下，一切都应该关闭。我怎么能在angularjs中做到这一点。