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

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

首先，给列表#1的父元素添加一个事件监听器，监听点击事件。
在事件处理函数中，获取列表#1的元素。
检查列表#1的当前状态，如果是可见的，则将其隐藏；如果是隐藏的，则将其显示。
可以使用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的显示和隐藏状态。你可以根据实际情况进行修改和调整。

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