FunHide
The FunHide takes the element and hide, show or toggle
MethodDescriptionparameters
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`
SelectorExplanationExampleElement SelectorSelects elements based on their tag name.divID SelectorSelects an element based on its unique ID attribute.#myElementClass SelectorSelects elements based on their class name..myClassAttribute SelectorSelects elements based on their attribute values.[type="submit"]Descendant SelectorSelects elements that are descendants of another element.div pChild SelectorSelects elements that are direct children of another element.ul > liAdjacent Sibling SelectorSelects an element that is the next sibling of another element.h2 + pPseudo-class SelectorSelects elements based on a certain state or condition.:hover
#
Showing an element
The show() is used to show a hiddent element.
React / Next.js
🔒
https://localhost:3000/preview

Loading preview...

Loading...
localhost:3000
#
Hide
The hide() is used to hide an element
React / Next.js
🔒
https://localhost:3000/preview

Loading preview...

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.
Loading...
localhost:3000
#
Toggle Show & Hide
The toggle() is used to toggle between showing and hiding an element
React / Next.js
🔒
https://localhost:3000/preview

Loading preview...

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.
Loading...
localhost:3000