Hide information with link UX pattern

If specific information needs to be hide/show, a hide/show link should be used.


The hide/show link is a clickable text with the following format: “Hide (or Show) {item name}”.

It should always be placed next to or under the related item.


By clicking on the link, the related item should hide/show.