如何根据用户的要求显示说明？

【问题标题】：How do I make instructions appear at the user's request?如何根据用户的要求显示说明？
【发布时间】：2011-11-25 15:48:36
【问题描述】：

我需要在各种客户登录以建立个人资料时为其提供信息。为此，我将使用 HTML 和 Javascript。我想要的是一组简洁的说明，然后是显示更详细说明的选项。如果客户选择查看更详细的说明，则该字段（理想情况下）会展开以显示更多内容。

也欢迎其他实现类似结果的想法，以及简单地为我指明正确方向的 cmets。对我来说，初步研究并没有太多成果。我想这主要是由于新手不知道要寻找什么。这是有条件的可见性问题，还是完全是其他问题？

非常感谢您的帮助。

【问题讨论】：

标签： javascript html conditional visibility

【解决方案1】：

将隐藏的内容放在一个单独的容器元素中，其显示最初设置为none。然后，将 onclick 处理程序添加到显示内容的链接。该处理程序应将显示值设置为block 或inline。这是一种方法（有很多）。像这样设置你的 HTML：

<p>
    [Instruction text here] 
    <a href="#" onclick="expandContent(this)">more ...</a><span class="more">
    [Additional content here]</span>
</p>

一些 CSS 最初隐藏附加内容：

.more
{
    display: none;
}

创建您的expandContent() 函数：

function expandContent(link)
{
    link.nextSibling.style.display = "inline";
}

【讨论】：

谢谢！这很有帮助。