jquery - 菜单扩展/收缩时如何将 fa-chevron-up 与 fa-chevron-down 交换并进行转换

Question

单击菜单项并换出 V 形时，我没有收到任何错误。问题是交换是立即的，而不是我要进行更平稳的过渡。我正在尝试复制您在此处看到的效果：https ://vora.deignlab.com/xhtml/table-bootstrap-basic.html

$(this).parent().find('span.fa.fa-chevron-up').toggleClass('fa-chevron-up fa-chevron-down', 2000);

jQuery UI不可用，所以我正在寻找其他选项。通过 CSS 实现这一点很好，我只是没有足够的 CSS 经验来实现我想要的效果。

从那以后我了解到没有过渡到 jQuery toggleClass 这就是为什么这不起作用。我发现了其他 SO 问题/答案，但他们的解决方案不起作用。

我错过了什么？

标签： jquerycss-animations