在新的Google网站中自动调整手风琴的高度

Question

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

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

在w3School中效果很好。但是，当我复制代码并将其粘贴到“新Google网站”时，手风琴的高度会拉长，并且无法自动调整。

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

Answer 1

您可以使用引导程序观看此视频，其中包含有关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');
  }
);