100度网站右下部分的“今日推荐”栏目的JS是怎么实现的？

Question

与众不同的是过渡效果不错，先收缩起来再展开，很好看。 
http://www.100du.com/这是他的网站 
我看了一下它的结构，用ul控制div的显示和隐藏： 
<ul><li>海蝶红音乐主题餐厅</li></ul> 
<div> 
...... 
</div> 谁能帮我把源码贴出来呀？我想用它。（默认第一项是打开的）
谢谢！

Answer 1

http://www.dezinerfolio.com/wp-content/uploads/accordemo/01.html以前一个高人贴的网站，你看看

Answer 2

你看这个网站了吗http://www.dezinerfolio.com/wp-content/uploads/accordemo/01.html 和你要的差不多，下载下来自己改改就行了

Answer 3

http://jqueryui.com/demos/accordion/#mouseover

Answer 4

http://jqueryui.com/demos/accordion/#mouseover

Answer 5

JS下载下来是乱码！再说也没有收缩效果呀我不太会JS，所以想找现成的

Answer 6

用disply:none试试效果也不错，就是太快了点，哈哈

Answer 7

虽然我会,但我却不想写代码..思路如下html代码如楼主所写如不过要加id默认显示为第一行展开1 定义oldid 并赋值当前展开层的id
2 当鼠标移动到某标题的时候,触发js事情,并传送需要展开层的id
3 先缩小oldid所记录的层高 慢慢缩,速度可自定 当然了,你这些要把overflow-y:hidden;加上,不然缩不了
4 到oldid缩小到0时,在把当前层展开,并把oldid重新记录为当前层的id
完工... 这个其实是有点js小基础就能写的