<tr class=que>
    <td>Why did the scientist install a knocker on his door?</td>
  <tr class=ans>
    <td>He wanted to win the No-bell prize!</td>
    <td> Bring the cursor above the question</td>
.ans {
  background: yellow;
  margin: 0;
  visibility: collapse;

.que:hover + .ans {
  visibility: visible;

table {
  font: 18px 'crimson text';
  margin: 20px auto auto auto;
  padding: 0 6px;
.que {
  height: 40px;
  background: springgreen;
  cursor: pointer;

External CSS

  1. https://fonts.googleapis.com/css?family=Crimson+Text

External JavaScript

This Pen doesn't use any external JavaScript resources.