展开/折叠 - Javascript

Question

我有这个代码用于扩展和折叠链接区域，但我希望它打开页面，并选择展开链接，而不是已经扩展，我在这里做错了什么：

CSS：          body {font：10pt Verdana; }     一个{颜色：绿色; }     #content {background-color：#ffffff;宽度：800像素;边距：2px的; }     

JavaScript的：     

function toggle(id) {
var e = document.getElementById(id);

if (e.style.display == 'none')
e.style.display = '';
else
e.style.display = 'none';
}

function toggle2(id, link) {
var e = document.getElementById(id);

if (e.style.display == 'none') {
e.style.display = '';
link.innerHTML = 'Expand';
} else {
e.style.display = 'none';
link.innerHTML = 'Collapse';
}
}

</script>

HTML：     Lady SabO艺术家生物

<div id="content">
text goes here!

</div>

Answer 1

你需要用display：none或width：0px之类的东西隐藏起来。然后添加属性或css进行显示。更好的是，创建一个“显示”类，并在onclick事件中使用JQuery将其添加到元素中。