jQuery: Afficher et de masquer enfant div lorsque le curseur de

J'ai un ensemble d'éléments. Chaque élément est composé de deux images et du texte. Pour les images, j'ai créé un div parent qui a un overflow:hidden valeur CSS. Je veux réaliser un effet du passage de la souris. Dès que vous passez la souris sur les images que je veux cacher le courant de div et de montrer la deuxième div. Voici un petit extrait:

<div class="product-images">
<div class="product-image-1"><img src="image1.gif>" /></div>
<div class="product-image-2"><img src="images2.gif" /></div>
</div>

J'ai créé une petite jQuery extrait de:

jQuery(document).ready(function() {
    jQuery('.product-images').mouseover(function() {
        jQuery('.product-image-1').hide();
    }).mouseout(function() {
        jQuery('.product-image-1').show();
    });
});

Maintenant, le problème n'est pas seulement la actuellement a plané enfant est caché. Au lieu de cela, tous les autres enfants sont cachés. J'ai besoin de quelque chose comme "ceci" ou "actuel", mais je ne sais pas quel fonction jQuery est la bonne. Une idée?

Merci, BJ

OriginalL'auteur Björn von TRITUM | 2010-04-15

  1. 7

    J'ai trouvé la solution. Merci les gars.

    jQuery(document).ready(function() {
    jQuery('.product-images').hover(function() {
        jQuery(this).find('img:first').hide()
    }, function() {
        jQuery(this).find('img:first').show();
    });
});

    OriginalL'auteur Björn von TRITUM

  2. 1

    Est-ce ce que vous recherchez?

    jQuery(document).ready(function() {
    jQuery('.product-images img').mouseover(function() {
        jQuery(this).parent().hide();
    }).mouseout(function() {
        jQuery(this).parent().show();
    });
});
    Merci à vous deux pour votre réponse. @Sarfraz: Votre solution est bien, mais les images sont de scintillement. Nous devons travailler sur le div parent .produit des images. Une idée?
    Vous pouvez mettre vos images dans un div, et donnent à l'div une largeur et une hauteur spécifique.
    J'ai fait ce que vous suggérez. Mais ça ne marche toujours pas. Si vous voulez pas avoir un coup d'oeil à heimatkiosk.com/jena/fashion - voir les deux premières images...

    OriginalL'auteur Sarfraz

  3. -1

    Ce mot clé fonctionne: 

    $(this).hide();
$(this).show();

    OriginalL'auteur Peeter