Widget:Show on hover

Description

This widget takes text content wrapped in class="showonhover" and shows it when another element with class="hoverparent" is hovered over with the mouse.

Usage

See also: Template:Wardrobe

<div class="hoverparent">
 <div class="showonhover hide">012345</div>
 <div class="someotherclass">ABCDEFG</div>
</div>
{{#Widget:Show on hover}}

012345

ABCDEFG

Notes

• As with most widgets operating on HTML elements, this widget must be defined after the HTML it is to operate upon.