Discussion :

[TheoFoug]

Bonjour,

J'ai deux div l'une à la suite de l'autre que j'aimerais afficher au survol de la souris.
Au départ, l'une est affiché, l'autre masqué.
Si la souris passe sur celle qui est affichée, elle se masque et l'autre apparait.
Quand la souris quitte la seconde, la première réapparait.

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<div class="element element_affiche" id="element_xxx">
	blabla
</div>
<div class="element" id="element_xxx_second">
	blablabla
<div>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
$(document).on('mouseover', '.element', function(e){
	$(this).toggle(0);
	$(this).children().toggle(0);
});

J'ai essayé pas mal de solution, mais rien n'y fait.
Il est peut être possible d'afficher l'enfant de la div survolé, masquer la parent, puis l'inverse une fois quitté ?

[LearningBoy]

Bonjour TheoFoug,

Est-ce que cet exemple de code correspond à ce que vous recherchez ?

L'idée est d'englober vos deux éléments dans une div globale afin d'éviter les conflits d'événements JQuery entre mouseover et mouseleave.

Cordialement,

Simon de AwesomeAngular.

[TheoFoug]

Pas vraiment.

Le nombre de couple de div va être conséquent, d'ou la récupération de l'Id au survol.
Je ne peux pas utiliser d'autre framework, uniquement jquery.

[LearningBoy]

Bonjour,

Pourquoi souhaitez-vous récupérer l'ID au survol de l'élément ?

Je pense que ce serait plus simple de sélectionner d'abord tous les éléments, et de les traiter ensuite un par un avec la fonction each de jQuery.

[TheoFoug]

Ca me semble plus rapide en temps d'exécution.

[LearningBoy]

Pour reprendre la question initiale : "Il est peut être possible d'afficher l'enfant de la div survolé, masquer la parent, puis l'inverse une fois quitté ?".

Oui c'est tout à fait possible :
- Sélection d'un élément fils : .children();
- Séléction d'un élément parent : parent();
- Afficher/Masquer/Inverser : show, hide & toggle();

Où en êtes-vous par rapport à votre problème initial ?

Bien cordialement,

Simon.