知识卡片

手风琴式互斥展开模式

专业/工作 · 181

内容

Bootstrap的折叠组件在配置了父容器(accordion)时,每次展开一个面板前会先在父容器内查找其他已展开的同级面板并将其收起,保证同一时刻只有一个面板打开;下拉菜单组件也用同样思路,在打开新菜单前先关闭所有其他菜单。这种”操作前先扫描并清理同级已激活状态”的互斥控制逻辑不依赖状态机或全局标志位,只需在打开动作前加一步”清场”即可实现。

参考来源

《深入理解Bootstrap》第5章《JavaScript插件》