Afficher les boutons de la souris

Question

Contexte

J'ai une vue arborescente des dossiers (.directory):

Quand je mouseOver sur un dossier, je montre/boutons de masquage (.delete et .add).

Je dois pouvoir cliquer sur ce bouton.

Question

Comment laisser les boutons affichés quand je mouseLeave .directory?

code

html:

<li> 
    <a class="directory">TEST</a> 
    <a class="delete" style="display: none;"></a> 
    <a class="add" style="display: none";></a> 
</li> 

jquery:

$('a.directory').on({ 
    mouseenter: function() { 
     $(this).parent().find('a.delete, a.add').show(); 
    }, 
    mouseleave: function() { 
     $(this).parent().find('a.delete, a.add').hide(); 
    } 
}); 

Answer 1

Juste essayer de l'envelopper

<div class="directory"> 
    <a class="value">TEST</a> 
    <a class="delete" style="display: none;"></a> 
    <a class="add" style="display: none";></a> 
</div> 

Puis, quand le répertoire en vol stationnaire, il sera toujours plané lorsque vous survolez .delete ou .add

$('div.directory').on({ 
    mouseenter: function() { 
     $(this).children('a.delete, a.add').show(); 
    }, 
    mouseleave: function() { 
     $(this).children('a.delete, a.add').hide(); 
    } 
}); 

Answer 2

vous devez envelopper les trois éléments dans un élément de bloc, comme un div, et faire la mouseenter sur le div