展开/折叠 - Javascript答案

【问题标题】：Expand/Collapse - Javascript展开/折叠 - Javascript
【发布时间】：2013-07-09 18:03:12
【问题描述】：

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

CSS：身体{字体：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>

【问题讨论】：

只是反转元素的状态。在 css 中以 display=none; 开头然后你的js应该处理一个显示它的方法。

标签： javascript hyperlink

【解决方案1】：

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

【讨论】：