Изменить анимацию jquery show () / hide ()?

Question

По умолчанию, если вы укажете скорость, jquery добавляет странную анимацию, которая расширяется от левого конца. Я хочу, чтобы он просто скатился вниз. Есть ли способ сделать это, не импортируя что-то еще, например, jquery UI?

Я ищу что-то вроде:

$("test").show('slow', {animation:'slide'})

Если нет пути, то какое было бы самое легкое решение для этого?

Спасибо

Answer 1

Существуют функции slideDown, slideUp и slideToggle, родные для jquery 1.3+, и они прекрасно работают ...

http://docs.jquery.com/Effects

Вы можете использовать slideDown так:

$("test").slideDown("slow");

И если вы хотите объединить эффекты и действительно сходить с ума, я бы взглянул на функцию animate, которая позволяет вам указать ряд свойств CSS для придания им формы или морщины. Довольно модные вещи, это.

Answer 2

Использование slidedown():

$("test").slideDown("slow");

Answer 3

Вы также можете использовать FadeIn / FadeOut Combo ....

$('.test').bind('click', function(){
    $('.div1').fadeIn(500); 
    $('.div2').fadeOut(500);
    $('.div3').fadeOut(500);
    return false;
});