Javascript 在手风琴中增加放松效果

有人能帮我在手风琴中整合一种舒缓效果吗

我想用JQuery模拟这种效果（可以在CSS中设置）：

  -webkit-transition: max-height 500ms ease, padding 500ms ease;
  transition: max-height 500ms ease, padding 500ms ease;

我怎样才能做到这一点

对我的问题提出了质疑

---

PS。平滑的缓和效果也可以达到目的。默认情况下，jQuery的

slideUp（）

提供了两个缓和功能-

• 摆动（默认）
• 线性的

有更多的放松功能可用，但作为外部插件

现在，如果您想要平滑的放松效果，可以在

毫秒内更改速度，如下所示-

$(this).next(".accordion__content").slideToggle(500).siblings(".pane:visible").slideUp();

选中此项，jQuery UI默认提供了许多缓解功能，jQuery的
slideUp（）
提供了两个缓解功能-


摆动（默认）
线性的

有更多的放松功能可用，但作为外部插件

现在，如果您想要平滑的放松效果，可以在
毫秒内更改速度，如下所示-

$(this).next(".accordion__content").slideToggle(500).siblings(".pane:visible").slideUp();

选中此项，jQuery UI默认提供了许多缓解功能，jQuery的
slideUp（）
提供了两个缓解功能-


摆动（默认）
线性的

有更多的放松功能可用，但作为外部插件

现在，如果您想要平滑的放松效果，可以在
毫秒内更改速度，如下所示-

$(this).next(".accordion__content").slideToggle(500).siblings(".pane:visible").slideUp();

选中此项，jQuery UI默认提供了许多缓解功能，jQuery的
slideUp（）
提供了两个缓解功能-


摆动（默认）
线性的

有更多的放松功能可用，但作为外部插件

现在，如果您想要平滑的放松效果，可以在
毫秒内更改速度，如下所示-

$(this).next(".accordion__content").slideToggle(500).siblings(".pane:visible").slideUp();

检查此项，jQuery UI提供了许多缓解功能
如果我理解正确，您希望通过使用
transition
属性，在纯CSS中复制jQuery的
slideDown（）和
slideUp（）
功能

然后再试一次

CSS:

JavaScript:

希望这有帮助。
如果我理解正确，您希望复制jQuery的
slideDown（）和
slideUp（），方法是使用
transition属性在纯CSS中执行它们

然后再试一次

CSS:

JavaScript:

希望这有帮助。
如果我理解正确，您希望复制jQuery的
slideDown（）和
slideUp（），方法是使用
transition属性在纯CSS中执行它们

然后再试一次

CSS:

JavaScript:

希望这有帮助。
如果我理解正确，您希望复制jQuery的
slideDown（）和
slideUp（），方法是使用
transition属性在纯CSS中执行它们

然后再试一次

CSS:

JavaScript:

希望这有帮助。
doh！我似乎误解了这个问题。你想用jQuery复制CSS，而不是像我想的那样。不！！这太完美了。简单的JQuery代码和所需的效果。谢谢！：）啊！我似乎误解了这个问题。你想用jQuery复制CSS，而不是像我想的那样。不！！这太完美了。简单的JQuery代码和所需的效果。谢谢！：）啊！我似乎误解了这个问题。你想用jQuery复制CSS，而不是像我想的那样。不！！这太完美了。简单的JQuery代码和所需的效果。谢谢！：）啊！我似乎误解了这个问题。你想用jQuery复制CSS，而不是像我想的那样。不！！这太完美了。简单的JQuery代码和所需的效果。谢谢！：）