Visibility Effects

Explore the visibility effects in jQuery such as hide(), show(), and toggle() along with relevant examples.

Visibility effects dynamically hide or show certain elements on a webpage. The relevant effects are discussed in detail below.

hide() effect

Given a selector, the hide() effect temporarily hides the set of matched elements from a webpage.

In the “Hide Div” button event handler below, we hide all the div elements using the hide() effect in line 3.

Get hands-on with 1200+ tech skills courses.