jQuery - Comment sélectionner les éléments enfants d'un parent?

Désolé si le titre n'est pas exact - je ne pouvais pas comprendre comment le mot.

J'ai plusieurs widgets avec la même classe <div class="widget"></div> - chaque widget possède un titre et le contenu, structuré comme ceci:

<div class="widget">
    <div class="widget-title">Title</div>
    <div class="widget-content">Content Here</div>
</div>

Le "widget-content" est caché, et lorsque vous cliquez sur le widget-title, le contenu s'affiche, et une classe est appliquée sur le widget-title, le changer pour "widget-title". Cette partie fonctionne à trouver, et le widget-content s'ouvre aussi.

Le problème, c'est son ouverture, le contenu du widget sur TOUS les widgets. Il ne doit ouvrir le widget-content dans le widget spécifique où le titre a été cliqué, pas TOUS d'entre eux. Je ne suis pas sûr de ce que la bonne syntaxe à utiliser, de sorte qu'il ne s'ouvre que le widget-contenu du widget spécifique à l'utilisateur, cliquez sur le titre.

Voici le code que j'ai pour l'instant:

$('.widget').find('.widget-title').click(function() {
  $('.widget-content').show('slow', function() {
    //Animation complete.
  });
  $('.widget').find('.widget-title').addClass("open");
});

Quelqu'un pourrait-veuillez fournir un exemple? Grâce

Postez votre structure html et je vais vous donner plus de réponse spécifique.
Trop tard pour moi de répondre.- mais oui, le concept est que vous devriez être à l'aide de jQuery précieux "$(this) " dans l'événement click de distinguer entre les différents widgets, et le réel de l'objet jQuery cliquant sur les.

OriginalL'auteur Zach Nicodemous | 2012-04-26