设置带有jQuery的按钮动画时出现问题：不'；隐藏

在这个动画中，直到最后一点，一切都很好。我做了一个修改，并在下面插入了jQuery代码

当我点击第二个按钮时，文本区域显示为动画。当我点击文本区域将其关闭时，它会在完全消失之前最后一次“出现”。我试图在关闭动画（CSS文件）中添加不透明度属性，但这似乎不够。有什么想法吗

$(document).ready();

$('#button2d').click(function() {
   $('.price_description').removeClass("swiftin");
   $('.price_description').addClass("open");
   $('.price_description').show();
   $('#button3d').fadeOut(080);
});

$('.price_description').click(function() {
   $('.price_description').removeClass("open");
   $('.price_description').addClass("swiftin");
   $('#button3d').fadeIn('slow', function() {
      $('.price_description').css('display', 'none');
   });
});

---

添加到.swiftin类

动画填充模式：向前要在最后一帧停止动画，请执行以下操作：

.swiftin {
  animation: swiftin 0.5s;
  animation-fill-mode: forwards;
}

添加隐藏（）；removeClass之后（“打开”）

p.S.
$（document）.ready（）错误，请查看文档
谢谢。我也会检查文档。这是因为打开文档后我不需要加载任何内容吗？语法错误，应该是：$（document）.ready（function（）{…put functions here…}）；问题：如果没有动画填充模式，文本区域将返回到其先前/初始状态？是。
动画填充模式
参数的默认值为
none，这意味着动画在执行之前或之后不会将任何样式应用于目标。您可以在use.hide（）；）上阅读有关此属性的详细信息；。
$(document).ready();

$('#button2d').click(function() {
    $('.price_description').removeClass("swiftin");
   $('.price_description').addClass("open");
   $('.price_description').show();
   $('#button3d').fadeOut(080);
});

$('.price_description').click(function() {
    $('.price_description').removeClass("open").hide();
 $('.price_description').addClass("swiftin");
$('#button3d').fadeIn('slow', function() {
     $('.price_description').css('display', 'none');
  });
});