The toggle() method is used to toggle between show and hide selected HTML elements. If elements are hidden then toggle method will show specified hidden element(s) and vice versa.
The jQuery show() method is used to show hidden elements of HTML in the document. Please note that show method would not show elements which property are set to Hidden, i.e. visibility:hidden.
To allow users to show and hide elements of website with fading effects, jQuery provides fadeToggle() method. The fadeToggle method with fadeIn if elements were fadeout and vice versa.
jQuery fadeOut() method fades out the visible elements of the website, for example, div or p tag etc. that may contain text, images or other content.
jQuery fadeIn() method allows to fade-in elements of the website, for example, div or p tags etc. that may contain text, images or other content. It slowly changes the opacity of the given element from hidden to visible.
The jQuery-svg-progress is a light-weight (5Kb) progress indicator plug-in with a variety of shapes that allow you using for infographics or some other purpose.
The jQuery-scroll-animate is a light-weight plug-in that is used to animate the elements in the view. That means, as the user scrolls down to the page, you may animate different elements as they appear on the screen of the user.
The tooltipify is a jQuery plug-in for creating the sliding tooltips for different elements like textboxes or other form elements, paragraphs, span or div tags etc.
This tutorial will take you through how you can use jQuery to design custom alert boxes that you can use for different purposes in your website.