Javascript Fade

Question

$(window).load(function() { 
    $(".screenLoading").fadeOut('slow'); 
}) 

setInterval("loadCont()", 500); 
//Loaded 

function loadCont(){ 

    $('.container').fadeIn('slow'); 
    return; 
} 

function loadLogin() { 
    $('.container').fadeOut('slow', function() { 
      $('.log').fadeIn('slow'); 
    }); 
} 

J'ai le code javscript ci-dessus et j'essaie d'imiter l'effet à http://orinukas.com/SoduBendrija/.

Lorsque je clique sur le droit lien supérieur nommé « Nariams », le contenu des rubriques et du paragraphe devrait disparaître et le formulaire d'inscription se fane dans.

Lorsque je clique sur ce lien, fane contenu, signe la forme se fane et le contenu s'efface aussi.

Je ne veux pas le contenu de fondu.

Answer 1

Je suis passé par le code qui vous avez collé dans http://pastebin.com/gQC5MBWL. je l'ai trouvé un problème dans ce que vous utilisez

setInterval("loadCont()", 500); 
//Loaded 

function loadCont(){ 

     $('.container').fadeIn('slow'); 
     return; 
} 

setInterval appelle lui-même encore et encore (cela montrera à nouveau le contenu si vous le cacher) afin supprimer ce ou utiliser au lieu d'utiliser setTimeout setInterval.

Merci

Answer 2

Remplacez le code ci-dessous vous loadLogin fonction. Cela devrait fonctionner comme voulu.

function loadLogin() { 
$('.container').fadeOut('slow'); 
$('.log').fadeIn('slow'); 
}