JQuery 选项卡效果(JS与HTML的分离)_jquery

在实际应用过程中，只要保证选项卡模块结构代码的完整性，就可以任意添加N个同类选项卡，不需要手动在HTML里绑定事件处理程序以及给要隐藏显示的内容层添加ID。
Javascript（jquery）代码如下：

复制代码 代码如下:

CSS样式代码如下：

复制代码 代码如下:

HTML结构代码如下：

复制代码 代码如下:

No.1 Menu

• Label 1.1


• Label 1.2


• Label 1.3


• Label 1.4

infomation 1.1

infomation 1.2

infomation 1.3

infomation 1.4

No.2 Menu

• Label 2.1


• Label 2.2


• Label 2.3


• Label 2.4

infomation 2.1

infomation 2.2

infomation 2.3

infomation 2.4