*{ margin:0; padding:0;}			body {font-size:12px;text-align:center;}			a { color:#04D; text-decoration:none;}			a:hover { color:#F50; text-decoration:underline;}			.SubCategoryBox {width:600px; margin:0 auto; text-align:center;margin-top:40px;}			.SubCategoryBox ul { list-style:none;}			.SubCategoryBox ul li { display:block; float:left; width:200px; line-height:20px;}			.showmore { clear:both; text-align:center;padding-top:10px;}			.showmore a { display:block; width:120px; margin:0 auto; line-height:24px; border:1px solid #AAA;}						.showmore a span { padding-left:15px; background:url(img/down.gif) no-repeat 0 0;}						.promoted a { color:#F50;}				
        		
         
          			$(function(){								//测试 jQuery 样式相关的方法. 								//1. hasClass(): 某元素是否有指定的样式				alert($("div:first").hasClass("SubCategoryBox")); //true								//2. 移除样式				$("div:first").removeClass("SubCategoryBox");								alert($("div:first").hasClass("SubCategoryBox"));								//3. 添加样式				$("div:first").addClass("SubCategoryBox");								//4. 切换样式: 存在, 则去除; 没有, 则添加. 				$(".showmore").click(function(){					$("div:first").toggleClass("SubCategoryBox");					return false;				});								//5. 获取和设置元素透明度: opacity 属性				alert($("div:first").css("opacity"));								$("div:first").css("opacity", 0.5);								//6. width 和 height				alert($("div:first").width());				alert($("div:first").height());								$("div:first").width(400);				$("div:first").height(80);								//7. 获取元素在当前视窗中的相对位移: offset(). 				//其返回对象包含了两个属性: top, left. 该方法只对可见元素有效				alert($("div:first").offset().top);				alert($("div:first").offset().left);							});						
           
           
 
            
             
              佳能
              (30440)  
              
               
                索尼
                (27220)  
                
                 
                  三星
                  (20808)  
                  
                   
                    尼康
                    (17821)  
                    
                     
                      松下
                      (12289)  
                      
                       
                        卡西欧
                        (8242)  
                        
                         
                          富士
                          (14894)  
                          
                           
                            柯达
                            (9520)  
                            
                             
                              宾得
                              (2195)  
                              
                               
                                理光
                                (4114)  
                                
                                 
                                  奥林巴斯
                                  (12205)  
                                  
                                   
                                    明基
                                    (1466)  
                                    
                                     
                                      爱国者
                                      (3091)  
                                      
                                       
                                        其它品牌相机
                                        (7275)  
                                       
                                      
                                     
                                    
                                   
                                  
                                 
                                
                               
                              
                             
                            
                           
                          
                         
                        
                       
                      
                     
                    
                   
                  
                 
                
               
              
             
            
           
 
            
            
             显示全部品牌   
            
           
          
         
        
       
      
     

实现上面的按钮的事件

     
              
      
           
               
       
                    *{ margin:0; padding:0;}            body {font-size:12px;text-align:center;}            a { color:#04D; text-decoration:none;}            a:hover { color:#F50; text-decoration:underline;}            .SubCategoryBox {width:600px; margin:0 auto; text-align:center;margin-top:40px;}            .SubCategoryBox ul { list-style:none;}            .SubCategoryBox ul li { display:block; float:left; width:200px; line-height:20px;}            .showmore { clear:both; text-align:center;padding-top:10px;}            .showmore a { display:block; width:120px; margin:0 auto; line-height:24px; border:1px solid #AAA;}                         .showmore a span { padding-left:15px; background:url(img/down.gif) no-repeat 0 0;}                         .promoted a { color:#F50;}                
        
                 
         
                      $(function(){               var $categary = $("li:gt(5):not(:last)");                              $categary.hide();                                $(".showmore").click(function(){            	   if($categary.is(":hidden")){            		   $categary.show();            		   //改变样式            		   $("li:contains('佳能'),li:contains('尼康')").addClass("promoted");            		   //设置文字            		   $(".showmore > a > span").text("显示精简品牌");            		   //设置图片            		   $(".showmore > a > span").css("bakground", "url(img/up.gif) no-repeat 0 0");            	   }else{            		   $categary.hide();            		   $("li").removeClass("promoted");            		   $(".showmore > a > span").text("全部品牌");            		   $(".showmore > a > span").css("bakground", "url(img/down.gif) no-repeat 0 0");            	   }            	   return false;               });            });                        
          
                       
           
                            
            
             
              佳能
              (30440)                 
              
               
                索尼
                (27220)                 
                
                 
                  三星
                  (20808)                 
                  
                   
                    尼康
                    (17821)                 
                    
                     
                      松下
                      (12289)                 
                      
                       
                        卡西欧
                        (8242)                 
                        
                         
                          富士
                          (14894)                 
                          
                           
                            柯达
                            (9520)                 
                            
                             
                              宾得
                              (2195)                 
                              
                               
                                理光
                                (4114)                 
                                
                                 
                                  奥林巴斯
                                  (12205)                 
                                  
                                   
                                    明基
                                    (1466)                 
                                    
                                     
                                      爱国者
                                      (3091)                 
                                      
                                       
                                        其它品牌相机
                                        (7275)             
                                       
                                      
                                     
                                    
                                   
                                  
                                 
                                
                               
                              
                             
                            
                           
                          
                         
                        
                       
                      
                     
                    
                   
                  
                 
                
               
              
             
            
           
            
           
                            
            
             显示全部品牌