Использование эффекта слайда JQuery для скрытия блока

Question

У меня есть div, который я бы хотел скрыть с помощью эффекта slideDown. Я хочу slideDown, чтобы скрыть текст, а не показывать его, и slideUp, чтобы отобразить текст, а не скрывать его.

Другими словами, целью является использование слайд-анимации, чтобы скрыть/показать div. Существующие методы slideUp/Down работают противоположным образом, в котором я бы хотел их использовать.

Answer 1

Я думаю, вы должны использовать функцию toggle.

$("#myBlockId").toggle() 

или в случае, если вы хотите, чтобы горизонтальная тумблер вы должны использовать функцию animate

$("#myBlockId").animate({width: 'toggle'}); 

Answer 2

Если вы используете JQuery-интерфейс, вы можете использовать это, чтобы изменить направление скольжения.

$(this).hide("slide", { direction: "down" }, 1000); 

Где 1000 - скорость анимации. Затем вы можете использовать шоу, чтобы обратить вспять процесс.

$(this).show("slide", { direction: "up" }, 1000); 

Описание: jsfiddle для демонстрации. http://jsfiddle.net/mtcVC/1/