脚本在html页面中向下/向上滚动

时间:2013-08-16 14:43:45

标签: php javascript html

我的html页面需要一个脚本来帮助我执行以下操作:当我单击text_head1时,列表中的行向下滚动,当我单击其他text_head2时,最后一个列表向上滚动并且新列表向下滚动! enter image description here

3 个答案:

答案 0 :(得分:0)

也许你想要的是“手风琴”。它存在于许多UI包中,例如jQuery UI:http://jqueryui.com/accordion/

答案 1 :(得分:0)

您正在寻找的是手风琴效果。一个简单的谷歌查询,如Javascript accordion将让你开始

答案 2 :(得分:0)

基本上你需要的是纯粹的javascript / jQuery。

如果你正在使用jQuery,你可以点击你的“text_head”元素。 然后你添加一个类“活动”,例如使用一个函数来显示元素下的列表(如show()或slideDown())。 然后在下一次单击时,您将在“text_head”元素上搜索“active”类。 如果有,可以隐藏列表(hide()或slideUp()),并在单击的元素下显示列表。