Question

我不知道该如何解决这个问题。我在a website I maintain上有一个新闻栏目，我试图让它显示大约10个新闻项目。然后我想让用户选择其余的“更多”，然后返回“默认”。该文档是xhtml和css，我试图尽可能少使用javascript。有什么想法吗？

Answer 1

如果您希望所有新闻文章实际上都在页面上，只是不可见，而不是在用户点击更多时从服务器请求更多，而您不想使用名为JQuery的awesome javascript库，那么我建议你熟悉Javascript方法document.getElementById。您可以像这样使用它：

<a id="moreless" href="javascript:moretoggle()">More</a>
<div>some news</div>
<div id="morediv" style="display:none;">more news</div>

<script>
function moretoggle() {
    document.getElementById("morediv").style.display = document.getElementById("morediv").style.display == "none" ? "block" : "none";
    document.getElementById("moreless").innerHTML = document.getElementById("moreless").innerHTML == "More" ? "Less" : "More";
}
</script>

扩展新闻部分的段落（html）

1 个答案: