Les effets jQuery ne fonctionnent pas lorsque j'ajoute une vitesse

Question

Je suis assez nouveau sur jQuery (et javascript d'ailleurs), donc c'est probablement juste quelque chose de stupide que je fais, mais ça m'ennuie vraiment! Tout ce que j'essaie de faire est d'ajouter une vitesse aux fonctions cacher et afficher de jQuery. Le code J'utilise est:

for (var i in clouds) { 
    $(clouds[i]).click(function() { 
    $(this).hide(); 
    }); 
} 

cacher les nuages ​​quand ils sont cliqué sur le bouton, et

function fadeLogo(state) { 
    var element=document.getElementById('logo'); 

    if (state=='home') { 
     element.hide; 
     element.src='images/home.png'; 
     element.show; 
    } 

    else { 
     element.hide; 
     element.src='images/webNameLogo.png'; 
     element.show; 
    } 
} 

pour cacher une image, changer, puis le montrer à nouveau. Ceci est appelé par

onMouseOver=fadeLogo('home') onMouseOut=fadeLogo('logo') 

Cela fonctionne très bien, mais se produit instantanément. Chaque fois que j'essaie d'inclure une vitesse, que ce soit «lent», «rapide» ou en millisecondes, cela ne fonctionne pas, ils restent simplement dans leur état d'origine. Même ajouter hide() sans une vitesse provoque une erreur dans la console d'erreur de Safari:

TypeError: Le résultat de l'expression 'element.hide' [undefined] n'est pas une fonction.

Aucune erreur n'est signalée pour les nuages, ils restent assis là sans rien faire!

Espérons que quelqu'un peut vous aider!

Merci

EDIT:

ont maintenant cela pour le changement d'image:

$(function() { //This function fades the logo to the home button on mouseover 

    $('.logo').hover(function() { 
     $(this).fadeOut(
      'slow', 
      function() { 
       $(this).attr ('src','images/home.png').fadeIn('slow'); 
      }); 
    }, function() { 
     $(this).fadeOut(
      'slow', 
      function() { 
       $(this).attr('src','images/webNameLogo.png').fadeIn('slow'); 
      }); 
    }); 
}); 

qui s'estompe l'image et en aucun problème, mais ne change pas entre les 2 images. .. Oups, aurait dû être #logo. Vous avez que l'on travaille maintenant, sur les nuages ​​embêtants ...

Answer 1

La méthode hide() est utilisée comme ceci:

for (var i in clouds) { 
    $(clouds[i]).click(function() { 
    $(this).hide('slow'); // or you can pass the milliseconds 
    }); 
} 

Quant à l'image que vous devriez faire cacher quelque chose comme ceci:

$('selector for your image').hide (
    'slow', 
    function() { 
     $(this).attr ('src', 'images/other.png').show ('slow'); 
    } 
);