FANDOM


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.