2010-10-29 14 views
0

J'ai un effet animé appliqué à 4 divs afin de créer un effet de blindage: lorsque vous survolez la première case, il grossit, les 3 autres se rétrécissent et quand vous "mouseout" tous les 4 retournent à 25% de la hauteur totale. Je veux insérer un div imbriqué à l'intérieur de chaque boîte (à l'avant, en fait avec positionnement absolu) afin de présenter du texte et des liens, mais chaque fois que la souris survole cette nouvelle div, l'animation se réinitialise (l'événement mouseout fonctionne). Comment puis-je rendre invisible le div imbriqué à l'animation? ou l'inclure de telle sorte qu'il soit invisible pour le code d'animation mais que les urls fonctionnent correctement?div devant une autre réinitialise l'animation de survol de jQuery. comment éviter cela?

l'exemple est ici:

jquery problem

tout le code est en ligne pour cette démo.

merci à l'avance.

Répondre

0

Résolu, vérifiez here

L'astuce pour ajouter le sélecteur $("#one > *")

+0

testé avec Safari, FF3 – Starx

+0

Works dans Chrome aussi. –

+0

Wow! C'était rapide! Je pensais pouvoir aller dormir et travailler le matin. Thanx Starx! :) – MauF