使用一个按钮切换多个div的显示隐藏

可以通过以下步骤实现：

1. HTML结构：
2. HTML结构：
3. CSS样式：
4. CSS样式：
5. JavaScript代码：
6. JavaScript代码：

此代码实现了点击按钮切换多个div的显示和隐藏状态。点击按钮时，会遍历所有内容div，通过修改其display属性来实现显示和隐藏的切换。

该功能的应用场景包括但不限于：

• 页面上有多个需要显示和隐藏的区域，例如展开/折叠内容、切换显示不同内容等。
• 响应式设计中，根据屏幕尺寸或设备类型来隐藏或显示不同的内容。
• 动态加载页面内容时，根据用户交互来显示或隐藏相关部分。

对应的腾讯云产品和产品介绍链接地址：

• 云函数（Serverless）：https://cloud.tencent.com/product/scf
• CVM（云服务器）：https://cloud.tencent.com/product/cvm
• COS（对象存储）：https://cloud.tencent.com/product/cos
• VPC（私有网络）：https://cloud.tencent.com/product/vpc
• CDN（内容分发网络）：https://cloud.tencent.com/product/cdn
• SSL 证书：https://cloud.tencent.com/product/ssl
• 视频直播：https://cloud.tencent.com/product/css
• AI 图像识别：https://cloud.tencent.com/product/ai
• 物联网套件：https://cloud.tencent.com/product/iot-suite
• 小程序云开发：https://cloud.tencent.com/product/wx
• 腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
• 区块链服务（TBaaS）：https://cloud.tencent.com/product/tbaas
• 腾讯云游戏联机服务器（GSE）：https://cloud.tencent.com/product/gse

请注意，以上腾讯云产品仅作为示例，并不代表其他云计算品牌商的产品。