Jquery slideDown premiers éléments de niveau enfant

Question

J'ai une classe de divs (« ouvert ») le contenir une autre classe de divs (« articles ») comme celui-ci:

<div class="open"> 
    <div class="item"> 
    this is a test 1 
    </div> 

    <div class="item"> 
    this is a test 2 
    </div> 
</div> 

Ce que je cherche à faire est un slidedown de tous les divs de la classe 'item' qui se trouvent dans la classe 'open' sur laquelle vous avez cliqué.

Jusqu'à présent, j'ai

$(document).ready(function() { 

    $('.open').click(function() { 

     $(this).find(':first-child').slideDown('1000'); 

    }); 

mais il ne fonctionne pas. Des suggestions?

Merci, John

Answer 1

Au lieu de :first-child que vous voulez enfants immédiats, que vous pouvez obtenir dans ce cas en utilisant .children(), comme ceci:

$('.open').click(function() { 
    $(this).children().slideDown('1000'); 
}); 

:first-child est pour obtenir le premier élément enfant à chaque niveau (et dans chaque "branche"), .children() ou child selector (>) sont pour obtenir tous les enfants immédiats/"premier niveau".

Answer 2

Que diriez-vous

$(".open").click(function() { 
    $(this).children().slideDown(1000); 
}); 

Answer 3

D'abord, je suppose que vous fermez en fait hors du $(document).ready, puisque dans le bloc de code affiché, il est pas fermé. Assurez-vous de le faire dans votre code.

Deuxièmement, ne recherchez-vous pas simplement children() de .open? Dans ce cas, vous voulez

$(document).ready(function() { 
    $('.open').click(function() { 
    $(this).children('.item').slideDown('1000'); 
    }); 
}); 

Modifié: Merci aux commentaires, je l'ai retiré la suggestion live().