fonction Hover ne veut pas travailler

Question

que je suis en train de faire un code qui fait une div contenant une émission de description en vol stationnaire au-dessus de sa li mère, mais le travail juste ne ..

Je suis presque certain qu'il a quelque chose à voir avec la structure ou le CSS.

jQuery:

$('.featured_entry li').hover(function() { 
    $(this).find('.description').show(100); 
}, function() { 
    $(this).find('.description').hide(100); 
}); 

HTML:

<div class="featured_entry"> 
<ul> 
    <li> 
     <div class="description">blabalbla</div> 
     <div class="box"></div> 
    </li> 
</ul>  
</div> 

CSS:

.box { 
    width: 200px; 
    height: 200px; 
    background: #000; 
} 

.description { 
    background: #142450; 
    width: 200px; 
    height: 100px; 

    display: none; 
} 

http://jsfiddle.net/Wy3wW/9/

Answer 1

http://jsfiddle.net/Wy3wW/10/

cela fonctionne. Vous avez oublié d'ajouter la bibliothèque jquery. Vous avez juste besoin d'ajouter: <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

à votre fichier

ainsi qu'une fonction .ready:

$(document).ready(function(){ /* jquery code */ }); 

Answer 2

Vous devrez peut-être reporter l'exécution jusqu'à ce que le DOM est chargé ainsi:

$(function(){ 
    $('.featured_entry li').hover(function() { 
     $(this).find('.description').show(100); 
     }, function() { 
      $(this).find('.description').hide(100); 
    }); 
});