javascript折叠,div折叠
js折叠式菜单 怎样让它初始状态为收起 代码如下
你没有贴出CSS与HTML部分，所以不太好说怎么通过CSS和HTML来实现。
我们提供的服务有：成都网站设计、成都网站制作、微信公众号开发、网站优化、网站认证、合作ssl等。为1000多家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的合作网站制作公司
不过可以在READY里加
$(“ul”).each(function(){
$(this).find("a").attr({"title":"展开","class":"a2"});
$(this).find("span").attr("title","展开");
$(this).slideUp(200);
});
其中$(“ul”) 可能需要你自己斟酌一下
javascript折叠菜单问题 帮忙修改，浏览器加载时，默认状态时菜单收拢，单击时才展开
div class="title_a" a href="javascript:ShowSub('001')" 客户管理 /a/div
ul id='fold_001' style="display:none"
li123/li
li123/li
/ul
div class="title_a" a href="javascript:ShowSub('002')" 收费管理 /a/div
ul id='fold_002' style="display:none"
li123/li
li123/li
/ul
div class="title_a" a href="javascript:ShowSub('003')" 客户服务 /a/div
ul id='fold_003' style="display:none"
li123/li
li123/li
/ul
div class="title_a" a href="javascript:ShowSub('004')" 环境管理 /a/div
ul id='fold_004' style="display:none"
li123/li
li123/li
/ul
div class="title_a" a href="javascript:ShowSub('005')" 保安管理 /a/div
ul id='fold_005' style="display:none"
li123/li
li123/li
/ul
div class="title_a" a href="javascript:ShowSub('006')" 经理查询 /a/div
ul id='fold_006' style="display:none"
li123/li
li123/li
/ul
script
function ShowSub(theId)
{
var theFo = document.getElementById("fold_" + theId);
theFo.style.display = theFo.style.display == "none"?"block":"none";
for(var j=0; j=6; ++j) {
var str = '00' + j;
if(theId != str) {
var foldId = document.getElementById('fold_' + str);
foldId.style.display = 'none';
}
}
for (var i = 0; i 7; i++)
{
if (i == theId)
continue;
theFo = document.getElementById("tr_" + i);
theFo.style.display = "none";
}
}
/script
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
当前名称：javascript折叠,div折叠
链接分享：http://shouzuofang.com/article/dsshhjj.html