animation is not taking place inside tabspan

[dhineshdhanapal]

I am using bootstrap CSS nav-tabs and tab-panes. when I switch to tabs the animation is not working in the other three tabs other than initially displayed tab.

Hereby I am attaching reference code for my issue.

`< ul class="nav nav-tabs">
< li id="Tab1" class="ptr active">< a data-toggle="tab" ng-click="openMenu('Tab1')">Tab1< /a>
< li id="Tab2" class="ptr ">< a data-toggle="tab" ng-click="openMenu('Tab2')">Tab2< /a>< /li>
< li id="Tab3" class="ptr ">< a data-toggle="tab" ng-click="openMenu('Tab3')">Tab3< /a>< /li>
< li id="Tab4" class="ptr ">< a data-toggle="tab" ng-click="openMenu('Tab4')">Tab4< /a>< /li>
</ ul>
< div class="tab-content">
< div id="tab-pane1" class="tab-pane fade in active">
< div class="col-md-12 col-sm-12 col-xs-12 p00" spark-id="tab-slide-3"
spark-scroll-animate="{topBottom: { opacity: 0 },topTop: { opacity: 1 } }" spark-trigger="tab-slide-3">
< div class="col-md-12 col-sm-12 col-xs-12 p00">
Lorum IPsum
< /div>
< div class="col-md-12 col-sm-12 col-xs-12 p00 ">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
< /div>
< /div>
< /div>
< div id="tab-pane2" class="tab-pane fade">
< div class="col-md-12 col-sm-12 col-xs-12 p00" spark-id="tab-slide-2"
spark-scroll-animate="{topBottom: { opacity: 0 },topTop: { opacity: 1 } }" spark-trigger="tab-slide-2">
< div class="col-md-12 col-sm-12 col-xs-12 p00">
Lorum IPsum
</ div>
< div class="col-md-12 col-sm-12 col-xs-12 p00 ">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
< /div>
< /div>
< /div>
< div id="tab-pane3" class="tab-pane fade in active">
tab3
< /div>
< div id="tab-pane4" class="tab-pane fade in active">
tab4
< /div>
< /div>,