Existem diversas divs com a classe .categorias
e eu preciso exibir o elemento .nav-a
somente na div categoria que eu estiver com o mouse em cima dela no momento.
O que está acontecendo atualmente é que quando eu passo o mouse sobre qualquer uma das divs .categorias
ele exibe o .nav-a
em todas elas, e não só na .categorias
em questão.
Segue o código atual para referência.
$(document).ready(function(){
$('.nav-a').hide();
$('.categorias').mouseenter(function(){
$('.nav-a').fadeIn();
});
$('.categorias').mouseleave(function(){
$('.nav-a').fadeOut();
});
});
transition
s)$(".nav-a")
numa variável. Tipovar foo = $(".nav-a");
. Isso vai facilitar sua vida mais pra frente ;)