Question

我发现了一些资源，据说可以显示如何在Google协作平台中制作可折叠列表，但似乎没有任何效果。我已经尝试在网站中插入HTML框，以及修改HTML源代码。看起来谷歌网站只是剥离任何JavaScript。有没有办法解决这个问题，谷歌是否有实现这一目标的功能（这不是列表模板，这不符合我的目的）？

以下是我尝试过的资源：

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预加载东西，但在首次使用后它按预期工作）

Answer 2

https://developers.google.com/apps-script/guides/html/中提供的文档可以为您提供帮助。
创建正常的JavaScript可折叠列表后，必须将代码粘贴到Index.html文件中。
拥有Code.gs和Index.html文件后，发布项目：Publish → Deploy as Web app，然后选择«Anyone, even anonymous»。
复制«Current web app URL:»并将其嵌入您的Google协作平台页面：Insert → Apps Script。

Code.gs

function doGet() {
  return HtmlService.createHtmlOutputFromFile('Index');
}

Index.html

<!DOCTYPE html>
<html>
<head>
  <base target="_top">
</head>
<body>
  <!-- YOUR JAVASCRIPT CODE GOES HERE -->
</body>
</html>

Google Site可折叠列表

2 个答案: