Css Visible hover

by luissanchezm86

HTML

<form id="hover">
  <fieldset>
    <div id="hover">
       <p>always visible</p>
       <p class="hidden">Visble only on hover</p>
    </div>  
  </fieldset>

  <fieldset>
    <a href="#" id="link">Please jump</a>
  </fieldset>
</form>

CSS

form                 { background-color:#f5f5f5; }
.hidden              { display:none; }
#hover:hover .hidden { display:inline; }
#link                { position:relative; }