当父元素包含class="active“时，将子元素设置为aria-expanded="true”

当父元素包含class="active"时，将子元素设置为aria-expanded="true"是一种在前端开发中常用的技术手段，用于实现页面的交互效果和可访问性。

解释：

• class="active"是一种CSS类选择器，用于标识元素的活动状态。当父元素具有这个类时，表示该父元素处于活动状态。
• aria-expanded="true"是一种ARIA属性，用于标识元素的展开状态。当子元素具有这个属性且值为"true"时，表示该子元素处于展开状态。

优势：

• 提升用户体验：通过将子元素设置为展开状态，可以让用户清晰地知道哪些内容是可见的，提高页面的可用性和易用性。
• 改善可访问性：使用ARIA属性可以改善页面的可访问性，使得使用辅助技术的用户（如屏幕阅读器用户）能够更好地理解页面结构和交互效果。

应用场景：

• 导航菜单：当用户点击导航菜单的某个选项时，可以将对应的子菜单设置为展开状态，以显示更多的选项。
• 折叠面板：当用户点击折叠面板的标题时，可以将内容区域设置为展开状态，以显示详细内容。

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

• 腾讯云前端开发工具：https://cloud.tencent.com/product/fedevtools
• 腾讯云云原生服务：https://cloud.tencent.com/product/cns
• 腾讯云音视频处理：https://cloud.tencent.com/product/mps
• 腾讯云人工智能服务：https://cloud.tencent.com/product/ai
• 腾讯云物联网平台：https://cloud.tencent.com/product/iotexplorer
• 腾讯云移动开发平台：https://cloud.tencent.com/product/mwp
• 腾讯云存储服务：https://cloud.tencent.com/product/cos
• 腾讯云区块链服务：https://cloud.tencent.com/product/bcs
• 腾讯云元宇宙服务：https://cloud.tencent.com/product/mu