javascript - 展开/折叠 - Javascript

Question

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

CSS: body { 字体:10pt Verdana; } 一 { 颜色：绿色；} #content { 背景颜色：#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 将其添加到元素中。