Question

我想在我的shopify商店的“页面”上添加一个常见问题页面以获取常见问题。

首先，我在模板页面上添加了液体。

      <script>

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

在FAQ页面中，此html代码

<p>
    <a href="javascript:toggleElement('a1')"><strong>Question 1?</strong></a>
</p>
<div id="a1" style="display:none">
    Answer to my question 1<br>
    <br>
    <br>
</div>
<p>
</p>
<p>
    <a href="javascript:toggleElement('a2')"><strong>VQuestion 2?</strong></a>
</p>
<div id="a2" style="display:none">
Answer to my question 2
    <br>
    <br>
    <br>
</div>

但是当我保存html时，shopify会将javascript删除：

<a><strong>Question 1?</strong></a>

有人知道应该是什么样吗？

Answer 1

是，谢谢。那是解决它的障碍。 <a href="#" onclick="toggleElement('a1');"><strong>Question 1?</strong></a>

Shopify页面上的切换元素

1 个答案: