سلام اون با AJAX نوشته شده و من بلد نیستم.
اما اگه میخواین با سی اس اس کار کنین این یه مثال ساده(قسمت استایل)
توجه :
1- چون کد ها با CSS3 نوشته شدن برای اجرای صحیح حتما از آخرین نسخه مرورگر ها استفاده کنید مثلا firefox 14 و chrome 30
2- من دیزاینش نکردم هدفم فقط یه مثال بود و دیزاین به عهده ی خودتون.
نمونه کد ها :
[PHPS]
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style type="text/css">
#test {
font-size:20px;
position:relative;
width:200px;
height: 27px;
overflow:hidden;
-moz-transition:ease 0.75s all;
-webkit-transition:ease 0.75s all;
-ms-transition:ease 0.75s all;
-o-transition:ease 0.75s all;
transition:ease 0.75s all;
}
#test:hover{
height:200px;
}
</style>
</head>
<body>
<div id="test">
<a href="#"> Collect </a><br />
<a href="#">test1</a>
<a href="#">test2</a><br />
<a href="#">test3</a>
<a href="#">test4</a><br />
<a href="#">test5</a>
<a href="#">test6</a><br />
<a href="#">test7</a>
<a href="#">test8</a><br />
<a href="#">test9</a>
<a href="#">test10</a><br />
</div>
</body>
</html>
[/PHPS]
----------------------------------------------------
موفق باشید.