单击一个下拉菜单并关闭所有其他下拉菜单(vanilla javascript)

在前端开发中，单击一个下拉菜单并关闭所有其他下拉菜单是一个常见的交互需求。下面是一个使用纯JavaScript实现的示例代码：

// 获取所有下拉菜单的元素
var dropdowns = document.getElementsByClassName('dropdown');

// 给每个下拉菜单添加点击事件监听器
for (var i = 0; i < dropdowns.length; i++) {
  dropdowns[i].addEventListener('click', function() {
    // 判断当前下拉菜单是否已经打开
    var isOpen = this.classList.contains('open');

    // 关闭所有其他下拉菜单
    for (var j = 0; j < dropdowns.length; j++) {
      dropdowns[j].classList.remove('open');
    }

    // 如果当前下拉菜单未打开，则打开它
    if (!isOpen) {
      this.classList.add('open');
    }
  });
}

上述代码首先通过document.getElementsByClassName方法获取到所有下拉菜单的元素，并使用for循环为每个下拉菜单添加点击事件监听器。当点击某个下拉菜单时，代码会先判断该下拉菜单是否已经打开（通过判断是否包含open类），然后关闭所有其他下拉菜单（通过移除open类），最后如果该下拉菜单未打开，则将其打开（通过添加open类）。

这段代码使用了纯JavaScript，没有依赖任何框架或库，因此可以称为"vanilla javascript"。它适用于任何支持JavaScript的浏览器环境。

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

• 腾讯云云服务器（CVM）：提供弹性计算能力，满足各类业务需求。产品介绍链接
• 腾讯云云函数（SCF）：无服务器计算服务，帮助开发者更轻松地构建和管理应用程序。产品介绍链接
• 腾讯云云数据库MySQL版（TencentDB for MySQL）：稳定可靠的云数据库服务，支持高可用、弹性扩展等特性。产品介绍链接
• 腾讯云对象存储（COS）：安全可靠的云端存储服务，适用于图片、音视频、文档等各类数据的存储和管理。产品介绍链接
• 腾讯云人工智能（AI）：提供丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等。产品介绍链接
• 腾讯云物联网（IoT）：提供全面的物联网解决方案，帮助连接和管理物联设备。产品介绍链接
• 腾讯云区块链服务（Tencent Blockchain）：提供稳定高效的区块链基础设施，支持快速搭建和管理区块链网络。产品介绍链接
• 腾讯云视频处理（VOD）：提供强大的视频处理能力，包括转码、截图、水印、封面生成等功能。产品介绍链接
• 腾讯云音视频通信（TRTC）：提供高质量、低延迟的音视频通信服务，适用于在线教育、视频会议等场景。产品介绍链接
• 腾讯云云原生应用引擎（Tencent Serverless Framework）：帮助开发者构建和部署云原生应用，提供丰富的组件和工具。产品介绍链接
• 腾讯云网络安全（Security）：提供全面的网络安全解决方案，包括DDoS防护、Web应用防火墙等。产品介绍链接

以上是腾讯云提供的一些与云计算相关的产品，它们可以满足不同场景下的需求。请注意，这仅是一些建议，并非唯一选择，其他云计算服务商也提供类似的产品和解决方案。