Расширение абзаца (html) для раздела новостей

Question

Я не уверен, как это сделать. У меня есть раздел новостей на веб-сайте, который я поддерживаю , и я пытаюсь заставить его отображать около 10 новостей. Затем я хочу дать пользователям возможность нажать «больше» для остальных и «меньше» для возврата к значениям по умолчанию. Документ представляет собой xhtml и css, и я пытаюсь использовать как можно меньше javascript. Есть идеи?

Answer 1

Если вы хотите, чтобы вся новостная статья была на странице, просто невидимой, вместо того, чтобы запрашивать больше с сервера, когда пользователь нажимает больше, и вы не хотите использовать удивительную библиотеку javascript под названием JQuery, тогда Я предлагаю вам ознакомиться с методом 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>