在网站设计中，页面有的部分内容总是会有不少要展示，而为了页面美观或展示地方不够多，需要类似选项卡切换成效来展示更多的内容。页面成效如图：
点击切换后成效如图：
html结构如图：
css如图：
js如图：
demo引入了jQuery插件，选项卡切换只写了三个便于好理解，顶部的导航分类默认第一个选中成效（类名on），对应下面的内容块第一个（类名on），点击导航分类时，为目前点击的标签li添加默认的类名on（addClass），其余的同级标签li(siblings)删除类名on(removeClass)，在获得目前点击的li标签的下标（$(this).index()）,通过下标值为三个内容块中对应的内容块添加类名on（addClass），其余的(siblings)删除类名on(removeClass)。
