uib-collapse provides a simple way to hide and show an element with a css transition

uib-collapse settings

• collapsed() $ - An optional expression called after the element finished collapsing.

• collapsing() $ - An optional expression called before the element begins collapsing. If the expression returns a promise, animation won't start until the promise resolves. If the returned promise is rejected, collapsing will be cancelled.

• expanded() $ - An optional expression called after the element finished expanding.

• expanding() $ - An optional expression called before the element begins expanding. If the expression returns a promise, animation won't start until the promise resolves. If the returned promise is rejected, expanding will be cancelled.

• uib-collapse $ (Default: false) - Whether the element should be collapsed or not.