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

Question

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

我从CodePen 复制了一个手风琴代码并在w3Schoolenter code here中进行了更改。

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

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

标签： javascriptaccordiongoogle-sites

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');
  }
);