jquery fadein fadeout visibility

Question

the default fade behavior is display:none . which changes the layout of my page. how can I make it fade to visibility:none so that the page's layout stays the same

Answer 1

You can try this for fadeOut:

$("something here").fadeOut("slow", function() {
    $(this).show().css({visibility: "none"});
});

...and this for fadeIn:

$("something here").hide().css({visibility: "visible"}).fadeIn("slow");

Answer 2

Also

instead of .fadeIn() you can .animate({opacity:1})
and instead of .fadeOut() you can .animate({opacity:0})