为新闻栏目扩展段落（html）

Question

我不知道如何去解决这个问题。我有一个关于a website I maintain的新闻栏目，我试图让它显示10条新闻。然后，我想让用户选择点击“更多”，其余的点击“更少”，然后点击“更少”返回默认点击。该文件是XHTML和CSS，我试图尽可能少使用JavaScript。有任何想法吗？

Answer 1

如果您希望所有新闻报道实际上都在页面上，而不是仅仅隐藏，而不是在用户点击更多内容时从服务器请求更多内容，并且您不想使用名为JQuery的令人敬畏的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>