制作列表项淡出动画以显示列表的详细信息 (Ionic)

Question

如何使列表视图模拟到下面的图像。 即当我单击列表项信息按钮时，它应该显示淡出动画以显示列表的详细信息。

请参考图片

Answer 1

Angular 带有 jQuery light。 只需添加一个事件侦听器并使用 animate.css 库来切换要应用的类。

$（'.your-element-class'）.toggleClass（'your-animation-class'）;

https://daneden.github.io/animate.css/-- 查看淡出过渡