Как организовать работу кнопки Load More на Ajax?

Question

[Mesuti]

Привет.
Как организовать подгрузку статей по кнопке Load More на простом лендинге html?
Либо где можно об этом прочитать? Возможно подойдет вариант смены классов у блоков с hidden

Вот допустим у меня есть некоторое количество постов с такой структурой и кнопка внизу:
Песочница jsfiddle

HTML Код

<div class="block-1">
    <div class="title">
        Заголовок статьи
    </div>
    <div class="preview-txt">
        Вступительный текст
    </div>
    <div class="other">
        Прочее (картинка\кнопка\дата)
    </div>
</div>
<div class="block-2">
    <div class="title">
        Заголовок статьи
    </div>
    <div class="preview-txt">
        Вступительный текст
    </div>
    <div class="other">
        Прочее (картинка\кнопка\дата)
    </div>
</div>
<div class="block-3">
    <div class="title">
        Заголовок статьи
    </div>
    <div class="preview-txt">
        Вступительный текст
    </div>
    <div class="other">
        Прочее (картинка\кнопка\дата)
    </div>
</div>
<button onclick="">Load More</button>

Answer 1

[Web Developer Blog]

Вот здесь показана реализация

Answer 2

[Алексей]

Пример
Исходник