在新的 Google 协作平台中自动调整高度手风琴

Question

初学者在这里。 手风琴子菜单高度在新 Google 站点中的显示方式与其他站点不同。 它不支持手风琴吗？

我从CodePen复制了一个手风琴代码，在此处enter code here并在w3School 中进行了更改。

在 w3School 中结果很好。 但是当我复制代码并将其粘贴到新的 Google 协作平台时，手风琴的高度拉伸得更长，并且没有自动调整。

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

Answer 1

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

除此之外，您还可以查看Elvis 的这个小提琴，您可以根据需要对其进行分叉以进行自定义。 自定义后，您可以将结果嵌入到您的新 Google 站点中。

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