一、首先定义一个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
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)"
js代码设置可折叠设置：
设置代码折叠在菜单栏的窗口--首选项
1、选择常规--编辑器--structure text editors，可以看到Enable folding选项，打上勾就可以使用代码折叠功能，但还要在具体的语言中设置。
2、选择js--编辑器--折叠，选择启用折叠就可以让js的代码折叠了。