在打开特定的 <details> 标签后,如何仅使用 css 不使用 js自动关闭所有其他 <details> 标签

问题描述

我看到了答案,但它是通过使用js解决的。我只想通过使用 css 来实现这一点。

所以我正在制作一个带有“详细信息”元素的常见问题手风琴,可以在点击问题时打开答案。我想要实现的是当我点击其他一些问题以关闭所有其他开放答案时。

有什么想法吗?

下面是一个例子。

<details>
  <summary>1</summary>
  Demo 1
</details>

<details>
  <summary>2</summary>
  Demo 2
</details>

<details>
  <summary>3</summary>
  Demo 3
</details>

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)