FunHide
The FunHide takes the element and hide, show or toggle
| Method | Description | parameters |
|---|---|---|
hide() | To hide an element | `selector:str` |
show() | To show a hidden element | `selector:str` |
toggle() | Toggle between hiding and showing an element | `selector:str` |
| Selector | Explanation | Example |
|---|---|---|
| Element Selector | Selects elements based on their tag name. | div |
| ID Selector | Selects an element based on its unique ID attribute. | #myElement |
| Class Selector | Selects elements based on their class name. | .myClass |
| Attribute Selector | Selects elements based on their attribute values. | [type="submit"] |
| Descendant Selector | Selects elements that are descendants of another element. | div p |
| Child Selector | Selects elements that are direct children of another element. | ul > li |
| Adjacent Sibling Selector | Selects an element that is the next sibling of another element. | h2 + p |
| Pseudo-class Selector | Selects elements based on a certain state or condition. | :hover |
#
Showing an element
The show() is used to show a hiddent element.
React / Next.js
#
Hide
The hide() is used to hide an element
React / Next.js
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid, at ex, similique voluptas dolorem laboriosam assumenda ipsum labore magni quia quae mollitia minima atque debitis, quis pariatur nesciunt odio facilis.
#
Toggle Show & Hide
The toggle() is used to toggle between showing and hiding an element
React / Next.js
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid, at ex, similique voluptas dolorem laboriosam assumenda ipsum labore magni quia quae mollitia minima atque debitis, quis pariatur nesciunt odio facilis.