Hiya!

That is what is called an expanding div box.

You can use the following code for it:
CSS:
.name {
height: #px;
padding: #px;
overflow: hidden;
margin-bottom: 10px;
transition: height #s;
}

.name:hover {
height: #px;
overflow: auto;
}

HTML:
<*div style="width:#px;background:#HEXCODE;border:#px solid;"* class="name"*>Text<*/*div>

You can change out name for just about anything your heart desires as long as both the CSS and HTML names match.
Also, be sure to remove any *'s, replace any #'s with numbers and replace #HEXCODE with a color code.

Hope it helps!

You have liked this post!