関数のホバー - 間違い

Question

ようこそ。

私はその効果を得たい： 画像を移動すると、div.descriptionが表示されます。画像divを終了した後に消えます。

 <li> 
      <section class="projekt"> 
       <img src="images/projects/projekt1.jpg" alt=""> 
       <div class="description"> 

       </div> 
      </section> 
     </li> 

私はdiv要素が絵descriprion絶対配置され、表示可能になったことを追加する必要があります：なし。 以下のコードは、あいにく残念ながらうまくいきません。あなたが移動すると、画像はdivに表示されますが、100msの速度で1秒後に消えます。

$('section.projekt img').hover(
     function(){ 
      $(this).next().fadeIn(1000); 
     }, 
     function(){ 
      $(this).next().fadeOut(100); 
     } 
    ); 

ご協力いただきありがとうございます。

Answer 1

あなたはCSSでそれを行うことができます、 "フェード" 効果について

.section:hover .description { 
    ... 
} 

CSS animationについては、こちらをご覧ください。

Answer 2

問題は、記述のdivは、IMG

$('section.projekt img').hover(
     function(){ 
      $(this).next().fadeIn(1000); 
      // add mouseout to description div not img 
      $(this).next().mouseout(function(){$(this).fadeOut(100);}) 
     } 
    );​