javascript - 单击以显示更多 - 也许是 JS？

Question

我不确定使用什么语言或如何执行此操作，但我希望在页面上有一个词，点击后，它会在下面显示更多内容。再点一下，那玩意又会躲起来？有什么想法吗？

Answer 1

基本上，您需要操作要隐藏/显示的元素的 display CSS 属性:

<span id="showHide">Show</span>
<div id="foo" style="display:none">Here is some text</div>

<script>
document.getElementById("showHide").onclick = function() {
    var theDiv = document.getElementById("foo");
    if(theDiv.style.display == 'none') {
        theDiv.style.display = 'block';
        this.innerHTML = 'Hide';
    } else {
        theDiv.style.display = 'none';
        this.innerHTML = 'Show';
    }
}
</script>