Trying to toggle the visibility of a div containing text based on a mouse hover over a link element located elsewhere in the document:
HTML:
<ul class="black-white one-on-two" id="hidden-menu">
<li><a id="showhim" href="#">SHOW HIM?</a></li>
<li><a href="#">HOW?</a></li>
<li><a href="#">WHO?</a></li>
</ul>
<div class="one-on-two" id="showme"> SHOW ME</div>
CSS:
#showme {
display: none;
}
#showhim:hover + #showme {
display: block;
}
Is it possible to achieve this functionality using only CSS and HTML? If so, how?