5.5　选项卡

源文件：tab.js

选项卡（Tab）组件是Bootstrap提供的一种非常常用的功能，其就像我们平时使用的Windows操作系统里的选项卡设置一样，单击一个选项，下面就显示对应的选项卡面板。而对应于网页，其行为也是非常类似的，一个示例效果如图5-8所示。

图5-8　选项卡效果

通过效果我们可以看出，选项卡由两部分组成：CSS选项卡组件+底部可以切换的选项卡面板。由于CSS选项卡组件在第4章已经讲述了，所以本节将着重在JavaScript代码实现上。