Как сделать «Показать больше» на адаптивном сайте?

Question

[l2p]

Есть адаптивный html сайт. Нужно сделать кнопку "Показать больше". Проблема в том, что при маленьких разрешениях нужно сократить количество блоков и добавить их в те, что покажутся при нажатии на кнопку. (При маленьких разрешениях также должно изменяться кол-во выпадающих блоков при нажатии)

Answer 1

[Юрий Лобанов]

При нажатии на кнопку запускаете функцию. Внутри функции проверяйте, есть ли уже загруженные, но просто скрытые блоки, если есть — в первую очередь показываете их. А количество подгружаемых определяете в зависимости от ширины видимой части сайта.

Answer 2

[Виталий Киренков]

Копайте в сторону этих функций:

.remove() - удаление
.append() - добавление
.eq() - порядковый номер
.nextAll() - все последующие.

А просчёт делать при ресайзе окна

$(window).resize(function(){
if (){
} else {
}
})