JQuery Tutorial for Beginners - 23

jQuery UI API - 滑动特效（Slide Effect） 所属类别特效（Effects） 用法描述：把元素滑动出视区。 slide 参数 类型描述 默认值 direction String 特效的方向。

The slideUp() method slides-up (hides) the selected elements. Note: Hidden elements will not be displayed at all (no longer affects the layout of the page).

.slideDown() Display the matched elements with a sliding motion. .slideToggle() Display or hide the matched elements with a sliding motion. slideDown() · slideToggle() · slideUp()

Slide Effect. Description: Slides the element out of the viewport. slide. direction (default: left ). Type: String. The direction of the effect.

There are three useful methods in jQuery to slide selected elements up and down. These methods are slideDown(), slideUp() and slideToggle().

jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. Effect demo · Easing demo · Animate demo · Hide Demo

jQuery-還有什麼動畫效果? · slide-滑動效果(上到下、下到上) · fade-淡入淡出效果 · toggleclass-搭配CSS3 Transition 自訂CSS 效果 · animate()-建立自訂的 ...

You can simply do an animate({width: 0}) then set position right or left for it to look like sliding right or left.

In this tutorial you will learn how to create sliding effects like slide-up and slide-down the HTML elements using jQuery with just a single line of code.

jQuery Sliding Methods. With jQuery you can create a sliding effect on elements. jQuery has the following slide methods: slideDown(); slideUp(); slideToggle() ...