fadeOut and fadeIn at same time

[vizz]

I want to fade out logo and fade in after fade out is completed

$(".navlist li a").click(function() {

     $("#logo").fadeOut("slow").delay(850).fadeIn("slow");

});

This code is not working well. fadeIn occurs fastly I used values instead "slow" but it fade out correctly and fade in fastly

[pritaeas]

You'll need to chain those events. fadeOut has a callback function as parameter that gets called when the fadeout is complete.

$("#logo").fadeOut("slow", function(){ $("#logo").fadeIn("slow") });

[vizz]

I tried this but problem occurs at fadeIn

I need ,

wait few seconds After fadeOut and then fadeIn "#logo"

[pritaeas]

$("#logo").fadeOut("slow", function(){ $("#logo").delay(850).fadeIn("slow") });

[vizz]

I have already tried this too, but .fadeIn("slow") is not working even after adding .delay(850) or adding like this .fadeIn(1200) also not working

[pritaeas]

What version of jQuery are you using? Upload your code sample to jsFiddle, so we can see it all.

[vizz]

http://jsfiddle.net/vUNP8/

It is working well in jsFiddle. But it create problem on localhost only for .fadeIn(1200) & I'm using jquery-1.8.3.min.js