alex-lenk
@alex-lenk
Разработчик сайтов

Как показывать по три блока и скрывать их?

На странице должны появляться по 3 блока при каждом нажатии на кнопку "показать ещё" и сворачиваться до 3 вопросов при нажатии на кнопку "Свернуть".

Частично мне удалось решить данную задачу:



Однако, срабатывает только со второго раза клика на кнопку "показать ещё", буду рад любым идеям, ссылкам, примерам, может плагины есть какие!

К тому же мне кажется собрано этот скрипт из говнаипалок, порой кажется дом дерево подвисает.
  • Вопрос задан
  • 48 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега jQuery
const SHOW_MORE = 3;

function updateButtons() {
  $('.show').toggleClass('d-none', $('.item.d-none').length === 0);
  $('.hide').toggleClass('d-none', $('.item').not('.d-none').length === SHOW_MORE);
}

$('.show').click(function() {
  $('.item.d-none').slice(0, SHOW_MORE).removeClass('d-none');
  updateButtons();
}).click();

$('.hide').click(function() {
  $('.item').not('.d-none').slice(SHOW_MORE).addClass('d-none');
  updateButtons();
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы