javascript怎么实现列表显示与折叠

一、首先定义一个JavaScript function，如下：

为阿荣等地区用户提供了全套网页设计制作服务，及阿荣网站建设行业解决方案。主营业务为成都网站设计、成都网站建设、阿荣网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！

function puckerMenu(level) {

var levelLength = ('row' + level).length;

var toDo = '0';

for (var iCount = 0 ; iCount document.all.length; iCount++){

if ( document.all[iCount].id.indexOf('row' + level) -1 ( document.all[iCount].id.length levelLength)) {

if ( document.all('level' + level).src.indexOf('minus.gif') -1 ) {

document.all[iCount].style.display = 'none';

toDo = '1';

} else {

document.all[iCount].style.display = 'block';

toDo = '0';

}

}

}

if ( toDo == '1' ) {

document.all('level' + level).src = 'images/plus.gif';

} else {

document.all('level' + level).src = 'images/minus.gif';

}

}

二、然后在网页上定义一个div和一个ul，注意div中要包含一个id为level开头的image和一个onclick事件，ul中id要包含row，默认情况下是展开的，如果需要默认为闭合，则要在ul中加入style="display:none"

例子如下：

body

divstyle="CURSOR: hand"

onclick="puckerMenu('1');"IMGid=level1

src="images/minus.gif"public class DataAccess/div

ulid=row1

li private string connString;

divstyle="CURSOR: hand"

onclick="puckerMenu('2');"IMGid=level2

src="images /plus.gif"protected DbConnection OpenConnection()/div

ulid=row2style="display:none"{...}/ul

li

Other

/ul

/body

求 点击展开/折叠JS代码

SCRIPT language=javascript

function opencat1(cat,img){

if(cat.style.display=="none"){

cat.style.display="";

img.src="Images/class2.gif";

} else {

cat.style.display="none";

img.src="Images/class1.gif";

}

}

/Script

调用处:onclick="opencat1(cat,img)"

eclipse中js代码如何设置可折叠？

js代码设置可折叠设置：

设置代码折叠在菜单栏的窗口--首选项

1、选择常规--编辑器--structure text editors，可以看到Enable folding选项，打上勾就可以使用代码折叠功能，但还要在具体的语言中设置。

2、选择js--编辑器--折叠，选择启用折叠就可以让js的代码折叠了。

当前文章：折叠javascript,折叠手机
网站链接：http://lswzjz.com/article/dsdcees.html