我正在尝试添加“阅读更多”和"；少读"；在Shopify商店上收集描述的按钮如何添加具有液体条件的HTML？目前，{{collection.description}}是collection.description模板中唯一的内容。HTML在店面上工作得很好，但我如何添加带有液体对象的HTML？

<代码>..<；P>；阅读更多内容前的文本<；SPAN ID="；点"；>；..<；/SPAN>；&；lt；SPAN ID="；更多"剩下的说明<；/span>；<；/p>；<；按钮ID="；我的BTN"；onclick="；myFunction（）"；>；阅读更多<；/button>；<；脚本>；函数myFunction（）{var dots=document.getElementById（"；dots"；）；var moreText=document.getElementById（"；更多"；）；var btnText=document.getElementById（"；我的btn"；）；if（dots.style.display==="；none"；）{dot.style.display="；内联"；btnText.innerHTML="；阅读更多"；moreText.style.display="；无"；}否则{dot.style.display="；无"；btnText.innerHTML="；少读"；moreText.style.display="；内联"；}}<；/脚本>；...

顺晟科技：

...

<p>text before Read More<span id="dots">...</span><span id="more">&nbsp;the remaining
        description</span></p>
<button id="myBtn" onclick="myFunction()">Read more</button>


<script>
    function myFunction() {
        var dots = document.getElementById("dots");
        var moreText = document.getElementById("more");
        var btnText = document.getElementById("myBtn");

        if (dots.style.display === "none") {
            dots.style.display = "inline";
            btnText.innerHTML = "Read more";
            moreText.style.display = "none";
        } else {
            dots.style.display = "none";
            btnText.innerHTML = "Read less";
            moreText.style.display = "inline";
        }
    }
</script>

...