javascript - 在新的 Google 站点中自动调整 Accordion 高度

Question

这里是初学者。 Accordion 子菜单高度在新 Google 协作平台中的显示方式与其他网站不同。它不支持 Accordion 吗？

我从 CodePen 复制了 Accordion 代码在此处输入代码并在 w3School 中进行更改.

在 w3School 中表现良好。但是，当我复制代码并将其粘贴到新的 Google 协作平台时， Accordion 的高度会拉长并且不会自动调整。

任何人都可以帮助我，以便 Google 协作平台可以像其他站点一样显示吗？

Answer 1

您可以观看此视频，其中包含使用 bootstrap 的 Accordian 示例。
https://youtu.be/1Ny-1zHw5AI?t=751

除此之外，你还可以看看这个fiddle by Elvis您可以根据需要进行自定义。定制后，您可以将结果嵌入您的新 Google 网站。

$(".panel-heading").parent('.panel').hover(
  function() {
    $(this).children('.collapse').collapse('show');
  }, function() {
    $(this).children('.collapse').collapse('hide');
  }
);