ON/Off Toggle

On/off toggle in pure css

HTML

<div class="containerTooltipXxx">
 <p class="paragraphClass">
     Some text...<br /><input type="radio" /><br />More text...
     </p><div class="blocks">
<label>Field</label>  <input></input></div>
</div>

<!-- hover section with green border to see the tooltip-->

CSS

.containerTooltipXxx{
    padding: 20px; 
    position: relative;
	float: left;
    display: inline-block;
    border: 2px solid lime;
    margin: 50px;
}

.paragraphClass{display: none;}

.containerTooltipXxx:hover > .paragraphClass, .containerTooltipXxx:focus > .paragraphClass{
    display: block;
    position: absolute;
    top:-50px;
    left: 50px;
    background: #ccc;
    opacity:.7;
}