jQueryはマウスを画像に浮かべ、画像が透明で、文字が現れることを実現します.

        

          ![](./../assets/product/productWater.png)
                                                
          
     
        
        

          ![](./../assets/product/productWater.png)
            
          
     
        
        

          ![](./../assets/product/productWater.png)
            
          
     
        
      

          jQuery("span.jj",this).slideToggle(500);
          jQuery("img",this).animate({
            opacity: 0.1
          },5,function(){
              jQuery(".top > div").mouseleave(function(){
                jQuery("img",this).animate({
                  opacity: 1
                },5)
              })
          });
        });