javascript - 如何使用文本在页面的不同位置显示更多文本？

Question

我一直在研究寻找如何使用标签和javascript来创建一个可以看到与您要点击的文本有关的更多信息的区域？给我的一个很好的编码示例，但我已经有一个布局，其中文本设置在 div 标签内。

Answer 1

只要有一个onclick切换display另一个div的值：

jsFiddle

CSS

#toggle {
   position: absolute;
   left: 20px;
   top: 100px;
}

HTML

<div id="toggle">
   Show More
</div>
<div id="showMoreText" style="display: none">
   more text here
</div>

JS

window.onload = function() {
    document.getElementById('toggle').onclick = showMore;
}

function showMore() {
    var div = document.getElementById('showMoreText');
    var display = div.style.display;
    display == "none" ? div.style.display = "block" : div.style.display = "none";
}