Delay alterando texto innerHTML usando jQuery
Então, eu tenho um botão bastante simples que basicamente ativa e desativa um formulário - nós o usaremos em nosso site, pois estamos fazendo uma atualização e gostaria de receber feedback em qualquer página. Aqui está o jQuery que tenho até agora:
<script>
// Toggle Button Text Change
$('#feedbackLink').hover(
// Change HTML on mouseover
function() {
$(this).html('Send us a quick message!');
},
// Change back on mouseout
function() {
$(this).html('How can we improve this page?');
}
);
// Toggle Button and Form
$('#feedbackLink').click(function() {
// Hide feedback button
$('#feedbackLink').toggle(500);
// Display feedback form
$('#feedbackForm').delay(501).toggle(250);
});
// Feedback Form
$('#cancel').click(function() {
// Slides form from view when "CANCEL" is clicked
$('#feedbackForm').toggle(500);
// Fades original link back into view after a defined delay to allow for previous form to be hidden
$('#feedbackLink').delay(501).toggle(75);
});
</script>
Então, minha pergunta é: como posso atrasar ou desaparecer na chamada .hover ou na troca .html?
Obrigado pela ajuda
P.S. - Sei que o código pode ser otimizado ainda mais, só gosto de fazer funcionar a funcionalidade primeiro - depois volto e condenso o que posso.