Html 如何使用css反转动画？

你好，我正试图扭转一个细节和总结的动画。当细节打开时，我可以设置动画，当我再次单击时，没有设置反向动画。当我再次单击“摘要”时，如何使动画工作？非常感谢。 这是我的HTML代码和CSS

HTML

<details>
  <summary>I am awesome</summary>
  <p>Hi there this is an awesome paragraph</p>
</details>

---

似乎“细节”元素有一些限制，我无法用这样的元素正确地完成关闭动画

取而代之的是我使用了一点JQuery，并用一个ID创建了一个div。您可以检查下面的工作代码：（我尽可能少地修改了您的代码）

使用的JQuery代码：

$(document).ready(function(){
    $("#details").click(function(){
        $("#details").toggleClass("closeclass");
    });
});

三角形的符号

content: "\25BC";

在单击之前显示一个指向光标

cursor: pointer;

---

这回答了你的问题吗@这不是我想要的答案。你试过我的密码吗？我的代码能够在“详细信息”具有“打开”属性时设置动画。我要找的是当细节再次点击时反转动画。。我懂了。谢谢你，伙计。这就是我要找的

cursor: pointer;