jquery Summary 06-animated Event 01-Underlying display and hide

Animated events

. Hide (option) animation hides the original property value of the element

$ ("#a2"). Hide ({

duration:3000,
Complete:function () {
Alert (' Perform 3000ms animation complete ')
}
})

. Show (option) animated display

The show and hide methods are modified by the display property, which is required by the Visibility property layout to be set separately through the CSS method

If you use!important in your style, such as Display:none!important, if you want the. Show () method to work correctly, you must use. css (' Display ', ' Block!important ') to override the style
If show and hide become an animation, the default animation changes the height, height, and transparency of the element.

. Toggle (option) hides or displays the toggle intrinsic principle or the use of. Hide () and. Show ()

$ ("Button:last"). Click (function () {
$ (". Right"). Toggle (3000);
});

jquery Summary 06-animated Event 01-Underlying display and hide