Bootstrap基础教程（第3版）（微课版）课40-任务4：折叠和手风琴.pptx

任务4：

折叠和手风琴项目七Js组件主讲人：赵丙秀武汉软件工程职业学院

CONTENTS0102折叠组件手风琴组件

折叠组件/01

折叠组件折叠组件是一个非常灵活的组件，用来控制内容的显示和隐藏。折叠包括2个部分：一是触发器，二是折叠的内容。

折叠组件触发器（通常是a或者button），触发器上上添加data-bs-toggle=collapse和data-bs-target=#折叠内容的id。如果触发器是a元素，则data-bs-target属性需要用href来替代。当然也可以使用js脚本来触发。折叠的元素需要使用class=collapse，默认情况下折叠的内容是隐藏的，可以在.co