注意：如果是嵌套关系，那么配置域中对应的第4个参数不能相同，如果两个tab不存在嵌套关系，那么就无所谓。

这里是div中的p标签，因为没有指定class为item，所以我不参与切换。

我在页面加载完成后才添加的事件，可有的图片加载很慢，所以有时候可以把外部js中的addLoadEvent(getConfigInputObj);删除掉，然后直接书写 getConfigInputObj();当然要放在</html>以保证xhtml已经加载完毕

看网上演示Jquery的tab插件更加强大，不过我这个更为实用，o(∩_∩)o...。

第四个

0001111

0002222

第三层001的区域，多层嵌套

第三层002的区域，多层嵌套

第三层003的区域，多层嵌套

重用性极高,在IE6+,Firefox2+,Opera9中均能正常工作，且并没有使用hack。

<input type="hidden" id="kp_OtherRegional" value="nav,li,cardarea,item,current_tab|nav2,li,cardarea2,item,current_tab" title="这个必不可少" /> 即可完成事件添加,多个区域用竖线隔开。

id为kp_OtherRegional的input元素共有5个参数
第一个:表示id为nav的那个元素。
第二个:获取到第一步的元素，遍历指定的元素，这取决于你写的什么标签，写的li它就会遍历li。
第三个:切换区域的父容器,切换区域的父容器ID
第四个:<p class="item",这里没有限定是什么元素，而是限定带有指定class的才能参与切换。
第五个:切换标签后当前标签的样式名。

这里是第四个区域

第五个