Hiya Polaroi!

You would need CSS to accomplish this but here's the code! If you plan on using it however, make sure to remove any *'s, replace any #'s with numbers and replace any #HEXCODE with a color code.

CSS:

.classname {
height: #px;
padding: #px;
overflow: hidden;
margin-bottom: 10px;
transition: height #s;
}

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

HTML:

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


You can change out classname for just about anything your heart desires as long as both the CSS and HTML class names are identical. Also, keep in mind that it is case sensitive.
Example:

CSS:

.ExpandDiv {
(Code here, this is an example so I won't re-write the required code.)
}

.ExpandDiv:hover {
(Same deal here)
}

HTML:

<*div style="StyleGoesHere" class="ExpandDiv"*>Text<*/*div>


If you were to put Expanddiv for any of the class names it wouldn't work properly so make sure to triple check your code.

I hope this helps!

You have liked this post!