FANDOM


This is a test page. Anyone is free to use the code or examples on this page if they're at all helpful.
For a full list of test pages on the Mathmagician Wiki, see Category:Test pages.

CSSEdit

For this example to work properly, the following CSS code must be placed in MediaWiki:Wikia.css

/* Basic hover example */
 
.show-when-hovering {
    display: none;
}
.hover-container:hover .show-when-hovering {
    display: inline;
}
.hover-container:hover .hide-when-hovering {
    display: none;
}

HTML / wikitextEdit

The following HTML or wikitext code is used on this wiki page:

<span class="hover-container">
'''Always visible'''
<span class="hide-when-hovering" style="color:red">This should disappear when you hover over it</span>
<span class="show-when-hovering" style="color:blue">This should only appear while hovering</span>
</span>

ResultEdit

Always visible This should disappear when you hover over it This should only appear while hovering

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.