javascript - Google 网站可折叠列表

Question

我发现了一些资源，据说可以展示如何在 Google 协作平台中创建可折叠列表，但似乎没有任何效果。我尝试过在网站中插入 HTML 框，并修改 HTML 源代码。看起来 Google 协作平台只是剥离了所有 javascript。有没有办法解决这个问题，Google 是否有功能可以实现这一点(这不是列表模板，这不适用于我的目的)？

以下是我尝试过的资源:

tutorials.seowebpower.com/google-sites-advanced/collapsible-table

sites.cognitivescience.co/knowledgebase/resources/using-google-sites/creating-information-rich-gsites-pages

How to create expandable FAQ page in HTML?

support.google.com/sites/search?q=list

Answer 1

我摆弄了链接问题中的答案之一，它现在似乎对我有用，给出了两个带有隐藏答案的问题，可以切换隐藏/显示，一旦隐藏，您应该能够将其调整为折叠列表/show 功能就在那里。

这个在 htmlbox 中

<script>
function toggleElement(myid)
{
    if(document.getElementById(myid).style.display == 'none')
    {
        document.getElementById(myid).style.display = 'block';
    }
    else
    {
        document.getElementById(myid).style.display = 'none';
    }
}
</script>

<hr>
<button id="q1">Is this question one?</button>

<div id="a1" style="display:none">
This is the first answer.
</div>
<script>
document.getElementById('q1').onclick=function(event) {toggleElement("a1"); };
</script>

<hr>

<button id="q2">Is this question two?</button>

<div id="a2" style="display:none">
This is the second answer.
</div>
<script>
document.getElementById('q2').onclick=function(event) {toggleElement("a2"); };
</script>

<hr>

查看实际情况

https://sites.google.com/site/dpcarlisle/fold

(第一次点击需要很长时间才能在此处加载内容，不确定谷歌网站是否允许足够的 JavaScript 来预加载内容，但第一次使用后它会按预期工作)