Функция зависания - ошибка

Question

Добро пожаловать.

Я хочу получить такой эффект: При перемещении изображения на нем появляется div.description. После удаления изображения div исчезает.

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

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

Следует добавить, что div позиционирует абсолютно дескриптор изображения и имеет возможность отображения: нет; Ниже код, который, к сожалению, не работает, как должен. Когда вы перемещаете изображение, появляется в div, но исчезает через 1 секунду при скорости 100 мс, а не остается.

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

Благодарим за помощь.

Answer 1

Вы можете сделать это с помощью CSS:

.section:hover .description { 
    ... 
} 

Для эффекта "замирания", читайте больше о CSS animation.

Answer 2

проблема заключается в том, что описание ДИВ прийти IMG, что обстреляли MouseOut из IMG

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