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

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

Я смотрю что-то в строках:

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

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

Спасибо

Ответ 1

В jQuery 1.3+ есть функции slideDown, slideUp и slideToggle, и они работают очень хорошо...

http://docs.jquery.com/Effects

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

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

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

Ответ 2

Используйте slidedown():

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

Ответ 3

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

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