标题下的可折叠文本

Posted 2023-03-24

【中文标题】标题下的可折叠文本

【英文标题】：Collapsible text under title

【发布时间】：2021-11-05 02:37:24

【问题描述】：

当我在我的网页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这个词下的文字可折叠？

任何帮助将不胜感激。

韩国

【问题讨论】：

那个代码还不够。你的 javascript 代码在哪里？

对不起，我对这个 html 东西很陌生，你是完全正确的，并给了我解决问题的提示。谢谢！

【参考方案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>

【讨论】：

谢谢，我终于解决了这个问题，但是这个解决方法非常有效。