jquery实现切换tab

html页面


   
      
      
      
      
      
   



    

    

    

      

        
一户式查询
      
	
	

	  

	    

			

			纳税人识别号：
			
			
			

			纳税人识别号：
			所 属 期 起 ：
			所 属 期 止 ：
			
			
		
	  
	  

	  

	    

        

            

                

                    

                        

                        
纳税申报
                        
                        

                        
征收入库
                        
                        

                        
认定信息
                        
                        

                        
税种核定
                        
                        

                        
票种核定
                        
                        

                        
发票销售
                        
                        

                        
异常信息
                        
                    
                
            

            
        
    

	  
	  
	  

                

                    卡品资源管理
                
	  
	
  





css代码

UL{
	PADDING:0px; 
	MARGIN:0px; 
	LIST-STYLE-TYPE:none
}

LI{
	PADDING:0px; 
	MARGIN:0px
}

#divTab .tabs {
	WIDTH: auto; 
	HEIGHT: 25px;
	BORDER-BOTTOM: #1C90E1 1px solid; 
}

#divTab .tabs LI {
	FLOAT: left;
	BORDER: #A5C7F5 1px solid; 
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 10px;   
	PADDING-TOP: 0px;
	PADDING-BOTTOM: 0px;
	LINE-HEIGHT: 24px;
	BACKGROUND: #B8D0F3;    
	CURSOR: pointer;   
	color: blue;
}

#divTab .tabs .selectedTab {
	BORDER-LEFT: #5A9CCA 1px solid;
	BORDER-TOP: #5A9CCA 1px solid;
	BORDER-RIGHT: #5A9CCA 1px solid;   
	BORDER-BOTTOM: #1C90E1 1px solid;  
	FONT-WEIGHT: bold; 
	BACKGROUND: #F1F7FD;   
	COLOR: #000000;
	HEIGHT: 25px
}

#divTab .tabs .tabspace {
	BORDER-WIDTH: 0px; 
	PADDING: 0px;   
	BACKGROUND: #FFFFFF; 
	WIDTH: 0px;  
	HEIGHT: 22px;
}

#divTab UL LI {
	FONT-SIZE: 13px
}

#tabContent{
	BORDER-LEFT: #1C90E1 2px solid;
	BORDER-TOP: #1C90E1 5px solid;
	BORDER-RIGHT: #1C90E1 2px solid;
	BORDER-BOTTOM: #1C90E1 5px solid;
}