window.onload = function() {
	
	/*鏍囩椤甸潰鏉垮嚱鏁 */
	function  tabFunc(el){
		   
			let lists = el.getElementsByClassName("list");
			let navTabs = el.getElementsByTagName("nav")[0];
			let aNavs = navTabs.getElementsByTagName("a");
			let curTabs = 0;
            console.log(66666)
			for(let i = 0; i < aNavs.length; i++) {
				aNavs[i].onclick = function() {

					aNavs[curTabs].classList.remove("current");
					lists[curTabs].classList.remove("show");
					this.classList.add("current");
					lists[i].classList.add("show");
					curTabs = i;
				}
			}		
		
	}/*鏍囩椤甸潰鏉垮嚱鏁颁綋缁撴潫 */
	

/*鏍囩椤甸潰鏉垮嚱鏁 */
	function  tabFuncB(el){
		   
			let lists = el.getElementsByClassName("listB");
			let navTabs = el.getElementsByTagName("nav")[0];
			let aNavs = navTabs.getElementsByTagName("a");
			let curTabs = 0;
    
			for(let i = 0; i < aNavs.length; i++) {
				aNavs[i].onclick = function() {

					aNavs[curTabs].classList.remove("current");
					lists[curTabs].classList.remove("show");
					this.classList.add("current");
					lists[i].classList.add("show");
					curTabs = i;
				}
			}		
		
	}/*鏍囩椤甸潰鏉垮嚱鏁颁綋缁撴潫 */
	

	let tabbedPanels = document.getElementsByClassName("tabbedPanels");
	for(let i=0;i<tabbedPanels.length;i++){
		tabFunc(tabbedPanels[i]);	
	}
	
	
	
	let tabbedPanelsB = document.getElementsByClassName("tabbedPanelsB");
	for(let i=0;i<tabbedPanelsB.length;i++){
		tabFuncB(tabbedPanelsB[i]);	
	}
	
	

	
	
	
	
	
}