将JQuery slideUp / slideDown转换为angular指令

Question

我在JQuery中实现了slideUp / Down功能。现在我想创建一个Angular指令来执行此操作。我的HTML代码是

pattern = r'(^[-+]?[0-9]+)\.'
re.findall(pattern, your_input_string)

js file：

<div class="panel-heading">
    <span class="pull-right clickable"><i class="glyphicon glyphicon-chevron-down"></i></span>
</div>
<div panel-body>
    <!-- Content to be slide up/down -->
</div>

如何将此功能转换为Angular指令，以便我不需要在控制器中操作DOM？谢谢！