Effects in jQuery are implemented using inbuilt methods. In this tutorial we will understand - hide, show, toggle, fadeIn, fadeOut, fadeToggle, slideUp, slideDown, slideToggle effects.
The animate() method performs a custom animation of a set of CSS properties.
This method changes an element from one state to another with CSS styles. The CSS property value is changed gradually, to create an animated effect.
Only numeric values can be animated (like "margin:30px"). String values cannot be animated (like "background-color:red"), except for the strings "show", "hide" and "toggle". These values allow hiding and showing the animated element.
Some more inbuilt effects - https://www.w3schools.com/jquery/jquery_ref_effects.asp
Video by - Tanmay Sakpal
Simple Snippets Channel link - https://www.youtube.com/simplesnippets
