如何在链接展开时更改徽标的折叠？

在链接展开时更改徽标的折叠可以通过以下步骤实现：

1. 首先，确保你的链接具有可折叠的特性。这可以通过在HTML中使用<details>和<summary>标签来实现。<details>标签用于创建可折叠的区域，而<summary>标签用于显示折叠区域的标题。
2. 在<summary>标签中添加一个图标或徽标，用于表示折叠状态。你可以使用HTML实体字符或者自定义图标来表示徽标。例如，可以使用▼表示一个向下的箭头，表示折叠状态。
3. 使用CSS样式来更改徽标的折叠状态。你可以使用:hover伪类选择器来定义鼠标悬停时的样式，使用:focus伪类选择器来定义获取焦点时的样式，使用:active伪类选择器来定义点击时的样式。
4. 在CSS样式中，使用content属性来定义徽标的内容。你可以使用CSS伪元素::before或::after来插入徽标，并使用content属性来设置徽标的内容。例如，可以使用content: "\25BC";来设置徽标为向下的箭头。

下面是一个示例代码，演示了如何在链接展开时更改徽标的折叠：

<style>
  summary::-webkit-details-marker {
    display: none;
  }

  summary::before {
    content: "\25BC";
    float: left;
    margin-right: 5px;
  }

  details[open] summary::before {
    content: "\25B2";
  }

  summary:hover::before,
  summary:focus::before,
  summary:active::before {
    color: red;
  }
</style>

<details>
  <summary>点击展开</summary>
  <p>这是折叠区域的内容。</p>
</details>

在上面的示例中，当链接展开时，徽标将变为向上的箭头，并且在鼠标悬停、获取焦点或点击时，徽标的颜色将变为红色。

请注意，以上示例中的CSS样式仅为演示目的，你可以根据自己的需求进行修改和扩展。

希望以上内容能够帮助到你！如果有任何疑问，请随时提问。