Эффекты fadeOut,fadeIn?

Question

[smoklew]

Всем привет ребят, выполняю такой код js
$(document).ready(function(){
$('.two').hide();
$('a').click(function(){
$('.one').fadeOut('slow');
$('.two').fadeIn('slow');
})
});
при выполнении класс ".two" появляется на следующей строке после класса ".one", после чего смещается выше на его место
Как сделать чтобы он появлялся сразу на месте класса".one"?
Указать позицию?

Answer 1

[IceJOKER]

Оформите красиво.
Как вариант после скрытия .one показать.two, но не вместе
второй аргумент - это коллбек функция, которая выполняется после окончания анимации.
$.fadeOut(duration ,complete);

Answer 2

[Ильдар Сарибжанов]

А еще можно спозиционировать абсолютно ваши блоки one и two, чтобы один лежал поверх другого.