Calling a jqLite function inside a AngularJS directive

Question

I need to call the jqLite slideToggle function inside a AngularJS directive to animate the collapsing of each content-box.

I want to slideDown/slideUp the following div..

<div class="ibox-content" ng-show="!collapse">
  Content
</div>

..by clicking on one of these icons

<a class="collapse-link" >
 <i data-ng-click="toggleCollapse();" data-ng-show="collapse" class="fa fa-chevron-down"></i>
 <i data-ng-click="toggleCollapse();" data-ng-show="!collapse" class="fa fa-chevron-up"></i>
</a>

Here is a working Plunker without without the desired slideToggle animation: Click!.

Any ideas? Hope you can help..