如何使AMP手风琴平滑扩展和折叠

Question

我没有发现，在AMP的手风琴库中，有任何选择或事件可以让我感受到手风琴的感觉。但是，我使用jquery做了很多更改，但现在我需要平滑地展开和折叠项目。有没有办法做到这一点。

Answer 1

您可以尝试使用放大器选择器并添加CSS动画以达到相同的效果。

您可以使用此技巧从高度0动画到自动。 How can I transition height: 0; to height: auto; using CSS?

Answer 2

您可能会发现此thread有助于解决您的问题。它声明：

• 目前，展开/折叠操作没有动画。这意味着如果多个项目在其目标元素正在扩展的同时进行折叠，则用户可能难以跟踪界面的行为。
• 当amp-accordion关闭或打开时没有滚动调整，这意味着如果一个足够大（或足够大的）amp-accordion（s）闭合在当前视口上方，视口内的内容可能会发生显着变化（甚至完全看不出来）
• 需要某种方式让多个放大器 - 手风琴元素相互通信（可能是具有类似“auto-collapse-children”属性的父元素）

另外，检查此Content Collapse jQuery插件，通过单击作为手风琴的面板标题，平滑地折叠和展开内容。