Как сделать функцию «показать еще» для DIV?

Question

[Станислав Молодцов]

Добрый день. Есть страница, на которой можно оставить отзыв. Отзыв уходит на почту, затем ручками добавляется через шаблон на статичную страницу на сайте.
Примерная конструкция вывода отзывов:

<div class="spisok">
  <div class="otziv">тут отзыв</div>
  <div class="otziv">тут отзыв</div>
  <div class="otziv">тут отзыв</div>
  <div class="otziv">тут отзыв</div>
  <div class="otziv">тут отзыв</div>
 <!-- Тут еще мильен отзывов, которые должны быть изначально скрыты -->
  <a class="showmore">Показать еще</a>
</div>

Так вот, как сделать так, чтобы при клике "показать еще", показывалось еще 5 div с классом "otziv"?

Comments

[Артём Цымбалюк]

На JQUERY

Answer 1

[Денис]

Пример в песочнице

var start = 0,
    comments = $('.otziv');

$('.showmore').on('click', showPart).click();

function showPart() {
	comments.slice(start, start += 5).show();
    $(this)[comments.filter(':hidden').length ? 'show' : 'hide']();
}

ручками добавляется

Однако, прогресс :)

Comments

[Станислав Молодцов]

ручками добавляется
Однако, прогресс :)

ТЗ такое) да и в cms не предусмотрено (dle). Спасибо за решение))

Answer 2

[Дмитрий]

это вам надо гуглить в сторону "ajax подгрузка контента"
ajaxs.ru/lesson/ajax/127-dinamicheskaja_podgruzka_...

Comments

[Станислав Молодцов]

Этот вариант я кстати уже находил. Мне не нужно подключение к БД и прочие премудрости)
Нужна подгрузка именно div(p, span, li и прочее), если они есть.

Answer 3

[entermix]

Readmore.js