Javascript 如何在angularJs中向uib选项卡标记添加左滑和右滑动画

我试图添加幻灯片左和幻灯片右动画到我的标签，我想在下面的动画时尚

如果我在tab1上，点击tab2，那么tab2应该从右边滑动；在选项卡2和单击选项卡3时相同

如果我在选项卡3上，单击选项卡2，则选项卡2应从左侧滑动；当我在选项卡2上并单击选项卡1时相同

在页面加载时，我希望选项卡1从左侧滑动

比如书页转换

我添加了只向一个方向滑动选项卡的动画，即使用Animate.css类<代码>设置幻灯片左侧动画和

设置幻灯片右侧动画

下面是示例代码

HTML

<uib-tabset>
    <uib-tab heading="Basic User Details">
      <h4 class="animated slideInLeft">Basic User Details</h4>
    </uib-tab>

    <uib-tab heading="Question and Answers">
      <h4 class="animated slideInLeft">Question and Answers</h4>
    </uib-tab>

    <uib-tab heading="Additional User Details">
      <h4 class="animated slideInLeft">Additional User Details</h4>
    </uib-tab>
  </uib-tabset>

基本用户详细信息
问答
其他用户详细信息

我想根据哪个选项卡处于活动状态，动态更改选项卡1和2的类