FadeIn FadeOut sur un contenu chargé via .load()

Kaporal
Javascript

Mon script fonctionne correctement mais celui ci ne fais pas entièrement ce que je veux, je voudrais fadeIn / fadeOut le contenu chargé

Quand je rajoute le fadIn le script ne fonctionne plus.
En gros je veux que la page qui ce gref viennent ne fadIn

$(document).ready(function() {
    $('#contenu').load('content/index.php');    
    // au clic sur un lien du menu
    $('ul#nav li a').click(function() {
        var page = $(this).attr('href');
        $('#contenu').load('content/' + page + '.php').fadeIn();

        return false;
    });

});

6 réponses

Grafikart 
$(document).ready(function() {
    var $contenu = $('#contenu'); 
    $contenu.load('content/index.php');    
    // au clic sur un lien du menu
    $('ul#nav li a').click(function(e) {
        e.preventDefault(); 
        var page = $(this).attr('href');
        $contenu.fadeOut()
        $contenu.load('content/' + page + '.php', function(){
          $contenu.stop().fadeIn();
        });
        return false;
    });

});
Kaporal
Auteur

Merci de ta réponse Grafikart mais j'avais déjà essayé les fadIn et fadOut ne sont pas pris en compte lors du changement de contenu

Grafikart

Quand tu copie colle mon code il se passe quoi ?

Kaporal
Auteur

La même chose qu'avec mon code, pas de fadIn ni de fadOut

betaWeb

Je pense qu'il va falloir un peu chercher par toi-même sur ce coup là.

Kaporal
Auteur

Pour le coup ... je crois bien