Как по клику догрузить контент?

Question

[Евгений Гайдуков]

Как сделать, чтобы при нажатии на кнопку "Load more articles" подгружался еще один блок "news__article" (в красной рамке), а кнопка отодвигалась ниже и так собственно до 5 статей можно было бы догрузить?

Answer 1

[hzzzzl]

https://codepen.io/anon/pen/OqYayL
так на быструю руку добавляются divы, в которых уже лежит article, но думаю принцип понятен, дальше поменять уже несложно

Answer 2

[Валентин]

$('.article__more_btn').on('click', function(){
	var blockArticle = '<article class="news__article d-flex flex-nowrap">.....</article>';
	$(this).before(blockArticle);
});

Comments

[Евгений Гайдуков]

Спасибо за решение! А не подскажете еще, как после нескольких добавлений блоков убирать кнопку подгрузки?

[Валентин]

Евгений Гайдуков, Ну нужно понимать общее к-во блоков и это будет постоянное их число или будет меняться

[Евгений Гайдуков]

Валентин, думаю что постоянное

[Валентин]

Евгений Гайдуков, тогда при каждом click, считаем общее к-во article.news__article d-flex flex-nowrap и если оно равняется общему к-во блоков, тогда $(this).hide(); Как то так вообщем

[Евгений Гайдуков]

Валентин, еще раз спасибо!))