Drop Down Links (Hover)

DROP DOWN MENU #1

1. COPY AND PASTE THE FOLLOWING BEFORE </STYLE>

#links{
font-family:courier new;
height:24px;
overflow:hidden;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

#links:hover{
height:106px;
}

.links{
padding:7px;
padding-top:2px;
background:#f7f7f7; /*you can change this color to whatever you'd like*/
}

.links a{
display:block;
text-transform:uppercase;
letter-spacing:1px;
font-size:8px;
}

.linkstitle{
text-align:center;
font-weight:bold;
text-transform:uppercase;
font-size:10px;
letter-spacing:1px;
height:14px;
padding:5px;
background:#e8e8e8; /*you can change this color to whatever you'd like*/
}

2. THEN COPY AND PASTE THE FOLLOWING AFTER {DESCRIPTION}

<div id="links">
<div class="linkstitle">links</div>
<div class="links">
<a href=" URL "> LINK NAME</a>
<a href=" URL "> LINK NAME</a>
<a href=" URL "> LINK NAME</a>
<a href=" URL "> LINK NAME</a>
<a href=" URL "> LINK NAME</a>
</div>
</div>