Jquery hide() method used to hide the matched element. The matched/selected elements will be hide immediately, without no animation. If we apply duration, plain object or callback function then .hide() becomes an animation method. It animates the height, width and opacity of the selected/matched elements simultaneously.


.hide( [duration ] [easing ] [callback/complete ] )

Ex :

Duration/speed  It specifies the speed of the fadein. The valuse may be slow, fast and milliseconds. (default value: 400). Duration are given in milliseconds and higher values indicate slower animations, not faster ones.
Easing  It specifies the easing function to be used for transition (default value: swing).
Callback A function to call once the animation is complete.



After clicking the “Click to Hide” button, the “divpanelBox” will hide immediately without any animation.