Question

我在解决这个问题时遇到了问题：

<html>
<body>
    <div class="collapsible" title="Click to expand">
    @Model.SomeAttribute
    </div>
    <div class="content">
        <p>@Model.SomeOtherAttribute</p>
        <p>gdfg</p>
    </div>

<script>
    var coll = document.getElementsByClassName("collapsible");
    var i;

    for (i = 0; i < coll.length; i++) {
        coll[i].addEventListener("click", function () {
            this.classList.toggle("active");
            var content = this.nextElementSibling;
            if (content.style.display === "block") {
                content.style.display = "none";
            } else {
                content.style.display = "block";
            }
        });
    }
</script>

</body>
</html>

在渲染页面时，我可以看到第2段很好（＆＃34; gdfg＆＃34;部分），但我看不到动态内容。打开页面后，它不会显示在视图源中。第一段动态内容显示得很好（＆＃34; @ Model.SomeAttribute＆＃34;部分）。代码基本上是从w3复制/粘贴的，其中只有简单的书面文字在段落中使用。关于如何解决它的任何想法？

扩展div

0 个答案: