当我从列表#2或列表#3中选择<li>时，如何折叠列表#1？

当你从列表#2或列表#3中选择<li>时，可以通过使用JavaScript来折叠列表#1。以下是一种实现的方法：

1. 首先，给列表#1的父元素添加一个事件监听器，监听点击事件。
2. 在事件处理函数中，获取列表#1的元素。
3. 检查列表#1的当前状态，如果是可见的，则将其隐藏；如果是隐藏的，则将其显示。
4. 可以使用CSS的display属性来控制列表#1的显示和隐藏。设置display为"none"可以隐藏元素，设置为"block"或其他合适的值可以显示元素。

以下是一个示例代码：

HTML:

<div id="list1-parent">
  <ul id="list1">
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
  </ul>
</div>
<ul id="list2">
  <li>选项1</li>
  <li>选项2</li>
  <li>选项3</li>
</ul>
<ul id="list3">
  <li>选项A</li>
  <li>选项B</li>
  <li>选项C</li>
</ul>

JavaScript:

var list1Parent = document.getElementById("list1-parent");
var list1 = document.getElementById("list1");

list1Parent.addEventListener("click", function() {
  if (list1.style.display === "none") {
    list1.style.display = "block";
  } else {
    list1.style.display = "none";
  }
});

这段代码会在列表#1的父元素被点击时切换列表#1的显示和隐藏状态。你可以根据实际情况进行修改和调整。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云官网：https://cloud.tencent.com/
• 云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
• 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
• 云存储（COS）：https://cloud.tencent.com/product/cos
• 人工智能（AI）：https://cloud.tencent.com/product/ai
• 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
• 移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mps
• 区块链（BCS）：https://cloud.tencent.com/product/bcs
• 腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe