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.