Skip to main content
2 de 2
conteúdo editado; título editado
cantoni
  • 6,8mil
  • 17
  • 36

Como posso fazer um botão de carregar mais usando o jquery?

Bom dia pessoal, estou fazendo um site que tem os posts, porém não quero usar o sistema de paginação, quero fazer um botão que carregue mais post, daí queria saber como faço..

<header id="top">
    <a href="#"><p id="nome">projeto</p></a>
</header>

<div id="principal">
    <div class="linha">
        <div class="post"></div>
        <div class="post"></div>
        <div class="post"></div>
    </div>
    <div class="linha">
        <div class="post"></div>
        <div class="post"></div>
        <div class="post"></div>
    </div>
    <div class="linha">
        <div class="post"></div>
        <div class="post"></div>
        <div class="post"></div>
    </div>
</div>

<div id="butao">
    <p id="load">MAIS</p>
</div>

Esse é o código que fiz até agora, será quem alguém pode me ajudar? Fazendo com que quando o botão "MAIS" seja clicado, ele carregue uma nova linha com mais 3 posts..

Desde já agradeço..

Gabriel
  • 39
  • 2
  • 10