Olá pessoal, eu tenho o seguinte código:
Preciso que ele somente seja executado após um tempo com o evento hover.. Por exemplo, o cara põe o mouse em cima do elemento, e tem que esperar alguns milésimos até que a função seja executada.. Eu tentei alguns códigos com setInterval() mas sem resultados aqui.. Podem me ajudar com isso amigos?
Nota: Existem diversos código semelhantes a esse no meu código completo! Eu posso fazer os métodos para cada função, mas caso saibam uma forma de faze-lo meio que reaproveitando código, seria ótimo..
- Código:
$('.box-services').hover(function(){
$('.box-portfolio, .box-contact').hide();
$(this).removeClass('col-md-6').addClass('col-md-12').stop().animate({'height':'300px'});
$('.messageInBox').fadeIn();
},function(){
$('.box-portfolio, .box-contact').fadeIn();
$(this).removeClass('col-md-12').stop().animate({'height':'110px'}).addClass('col-md-6');
$('.messageInBox').fadeOut();
});
Preciso que ele somente seja executado após um tempo com o evento hover.. Por exemplo, o cara põe o mouse em cima do elemento, e tem que esperar alguns milésimos até que a função seja executada.. Eu tentei alguns códigos com setInterval() mas sem resultados aqui.. Podem me ajudar com isso amigos?
Nota: Existem diversos código semelhantes a esse no meu código completo! Eu posso fazer os métodos para cada função, mas caso saibam uma forma de faze-lo meio que reaproveitando código, seria ótimo..