显示隐藏元素或更改链接元素上的行为？

Question

导航中有一个链接，里面有一个图标。图标本身是一个带有+到x的动画。现在处于x状态，我希望用户能够通过点击图标/文本来“关闭”。现在我不确定这里最好的方法是什么。

1. 有一个隐藏元素显示动画完成后转换为x并隐藏此

2. 在链接中添加一个类，以便触发$state.transitionTo('state')到所需网址

3. 建议

you can check it here at my plunker