Question

我有一个带风格的div

#thumb {
  position:absolute;
  top:365px;
  left:280px;
  z-index:0;
  width:500px;
  text-align:left;
  height:235px;
  overflow: hidden;
}

现在我正在使用javascript函数来展开和折叠

function toggle_visibility(id) {
   var e = document.getElementById(id);
   var v = document.getElementById("viewall");
   if (e.style.overflow != 'visible')
   {
      v.innerText= "Collapse";
      e.style.overflow = 'visible';
   }
   else
   {
      v.innerText= "Expand";
      e.style.overflow = 'hidden';
   }
}

但我不想只是溢出它..我想在扩展时增加div的高度，当你折叠它时返回到高度235px。

我该怎么做？我是javascript的新手..任何帮助将不胜感激

Answer 1

嗯，你试过用它来设定高度吗？它应该工作我认为。

document.getElementById('idhere').style.height = divHeight+'100px';

其中px之前的数字是你要添加高度的数量，使用减去带走高度。还有idhere是你放入div的id的地方。它有用吗？

展开/折叠div从一个高度到另一个高度

1 个答案: