html - 标题下的可折叠文本

Question

当我在我的网页https://rubencioak.github.io/research.html中按“摘要”一词时，我试图使文本可折叠，我认为以下代码就足够了：

<ol class="lead">

<li> <p> <b>Free-riding in Collective Agreements,a Search and Matching Model of Minimum Wages</b> 
<br />  

<span id="abstract-link" class="abstract-click">Abstract</span>
<p class="abstract-text" style="display:none; font-size:.90em">Does free riding in collective... unemployment, at a cost of employed earning less</p>

</p> </li> </ol>

我正在使用 HTML5 的模板并查看此网页：https ://messertodd.github.io/research.html 。以供参考。

现在，虽然我认为它基本相同，但这段代码显然有问题。

总而言之，问题是：有没有一种简单的方法可以让我在abstrac这个词下的文本可折叠？

任何帮助将非常感激。

韩国

标签： htmlcollapsable

Answer 1

您可以使用<details>和<summary>标记：

    <details>
        <summary>Abstract</summary>
        <p class="abstract-text" style="font-size:.90em">Does free riding in collective... unemployment, at a cost of employed earning less</p>
    </details>