[SOLUCIONADO] Elemento creado por jquery parpadea

[waltersele]

Hola foreros, despues de intentar googlear un rato y no encontrar solución a mi problema, me pongo en vuestras manos pues..

He creado un div, al mouseover creo un append donde aparece otro div creado por jquery, el cual se posiciona encima de este div. tengo un mouseout en el primer div para hacer desaparecer el div que aparece, el problema viene, cuando posiciono el raton encima del div creado por jquery.. ya que hace mouseout y desaparece. Me podrian ayudar a resolver este problema??

Aqui está el codigo:

Código:

$(document).ready(function(){
	$("article#casa").on("mouseover",function(){
		$(this).prepend("<div id='helloHome'>Ver más</div>");
		$("div#helloHome").animate({
			left: "+=50",
		});
	});
	$("article#casa").on("mouseout",function(){
		$("div#helloHome").remove();
	});
	

});

Gracias de antemano señores.

[Alexis88]

En lugar de utilizar los métodos mouseover y mouseout, utiliza el método hover que cumple las funciones de ambos:

Código Javascript:

$("#casa").hover(function(){
     $(this).prepend("<label id='helloHome'>Ver más</label>");
}, function(){
     $("#helloHome").remove();
});
 

La primera función se ejecuta cuando el puntero del mouse se posiciona sobre el elemento, mientras que la segunda función se ejecuta cuando se retira el puntero del mouse del elemento en cuestión.

Saludos

[waltersele]

Muchas gracias capitan!