首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

+展开-收起 ?解决方案

2012-06-08 
+展开-收起 ??//节点展开functionshow(){if(isOk){for(var i1i6i++){document.getElementById(hidden

+展开-收起 ??
//节点展开 
  function show(){
  if(isOk){
  for(var i=1;i<6;i++){
  document.getElementById("hidden_zb"+i).style.display="block";//显示
  document.getElementById("hidden_zb"+i).style.color="blue"; //子内容字体颜色
}
isOk= false;
  }else{
  for(var i=1;i<6;i++){
  document.getElementById("hidden_zb"+i).style.display="none";//隐藏
}
isOk= true;
  }
  } 
++++++++++++++++++++++++++++++++++++++++++++
我想在以上方法中添加一些处理,实现【+展开-收起】功能操作。
可以考虑其他的处理方式
请指点迷津。

[解决办法]
jquery slideUp slideDown

api.jquery.com 

去看看吧
[解决办法]
这样的话,你这个isOk要定义为全局变量了:
var isOk=true;

function show(){
if(isOk){
for(var i=1;i<6;i++){
document.getElementById("hidden_zb"+i).style.display="block";//显示
document.getElementById("hidden_zb"+i).style.color="blue"; //子内容字体颜色
}
isOk= false;
}else{
for(var i=1;i<6;i++){
document.getElementById("hidden_zb"+i).style.display="none";//隐藏
}
isOk= true;
}
}


....

下面就可以用按钮什么的触发 show() 事件

热点排行