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

Question

我需要在各个客户登录以构建配置文件时提供相关信息。我将使用HTML和Javascript来实现此目的。我想要的是一套简明的说明，然后是一个显示更详细说明的选项。如果客户选择查看更详细的说明，则该字段（理想情况下）会展开以显示更多内容。

其他获得类似结果的想法也是受欢迎的，评论也只是指向了正确的方向。初步研究对我来说并没有太大的影响;我想这主要是因为他是一个新手，不知道该找什么。这是一个条件可见性问题，还是完全不同的东西？

非常感谢您的帮助。

Answer 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";
}