jQuery便利多个相同的class，点击显示隐藏图标，显示及隐藏其下的内容

这里使用了bootstrap

而jQuery的遍历标签 each 和事件hide（）、show（）、toggle();

直接上代码：

    
    
    
    
    
    
    








    

        

            

                
  
                    刘吉祥jq测试
                    
                    
                
                

                    
●  吃葡萄不吐葡萄皮，不吃葡萄倒吐葡萄皮;
                    
●  吃葡萄不吐葡萄皮，不吃葡萄倒吐葡萄皮;
                    
●  吃葡萄不吐葡萄皮，不吃葡萄倒吐葡萄皮;
                    
●  吃葡萄不吐葡萄皮，不吃葡萄倒吐葡萄皮;
                
            
            

                

                    刘吉祥jq测试
                    
                    
                
                

                    
●  吃葡萄不吐葡萄皮，不吃葡萄倒吐葡萄皮;
                    
●  吃葡萄不吐葡萄皮，不吃葡萄倒吐葡萄皮;
                    
●  吃葡萄不吐葡萄皮，不吃葡萄倒吐葡萄皮;
                    
●  吃葡萄不吐葡萄皮，不吃葡萄倒吐葡萄皮;
                
            
            

                

                    刘吉祥jq测试
                    
                    
                
                

                    
●  吃葡萄不吐葡萄皮，不吃葡萄倒吐葡萄皮;
                    
●  吃葡萄不吐葡萄皮，不吃葡萄倒吐葡萄皮;
                    
●  吃葡萄不吐葡萄皮，不吃葡萄倒吐葡萄皮;
                    
●  吃葡萄不吐葡萄皮，不吃葡萄倒吐葡萄皮;
                
            
            

                

                    刘吉祥jq测试
                    
                    
                
                

                    
●  吃葡萄不吐葡萄皮，不吃葡萄倒吐葡萄皮;
                    
●  吃葡萄不吐葡萄皮，不吃葡萄倒吐葡萄皮;
                    
●  吃葡萄不吐葡萄皮，不吃葡萄倒吐葡萄皮;
                    
●  吃葡萄不吐葡萄皮，不吃葡萄倒吐葡萄皮;
                
            
            

                

                    刘吉祥jq测试
                    
                    
                
                

                    
●  吃葡萄不吐葡萄皮，不吃葡萄倒吐葡萄皮;
                    
●  吃葡萄不吐葡萄皮，不吃葡萄倒吐葡萄皮;
                    
●  吃葡萄不吐葡萄皮，不吃葡萄倒吐葡萄皮;
                    
●  吃葡萄不吐葡萄皮，不吃葡萄倒吐葡萄皮;
                
            
        
    

点击前：

点击后：