单击按钮显示隐藏子菜单经典案例

复制代码 代码如下:

  <mce:script language="javascript"><!--

  var count=0;//做计数器

  var limit=new Array();//用于记录当前显示的哪几个菜单

  var countlimit=1;//同时打开菜单数目,可自定义

  function expandIt(el) {

  obj = eval("" + el);

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

  obj.style.display = "block";//显示子菜单

  if (count<countlimit) {//限制2个

  limit[count]=el;//录入数组

  count++;

  }

  else {

  eval("" + limit[0]).style.display = "none";

  for (i=0;i<limit.length-1;i++) {limit[i]=limit[i+1];}//数组去掉头一位,后面的往前挪一位

  limit[limit.length-1]=el;

  }

  }

  else {

  obj.style.display = "none";

  var j;

  for (i=0;i<limit.length;i++) {if (limit[i]==el) j=i;}//获取当前点击的菜单在limit数组中的位置

  for (i=j;i<limit.length-1;i++) {limit[i]=limit[i+1];}//j以后的数组全部往前挪一位

  limit[limit.length-1]=null;//删除数组最后一位

  count--;

  }

  }

  // --></mce:script>