0

Olá galera sou novo aqui e também com programação... bom tenho varias div com conteúdos diferentes e estão com oculto, gostaria de que quando clicar num botao continue lendo ele fecha e exibi-se o conteudo de determinada div e das outras divs continua-se oculto e um botão também de fechar conteudo como nas imagens..estou com uma certa dificuldade fazer funcionar em todos os blocos precisava que fosse mais dinamico..Obrigado desde jáinserir a descrição da imagem aqui inserir a descrição da imagem aqui

1
  • Talvez nem seja necessário utilizar Javascript, veja se essa resposta resolve o problema. Commented 13/11/2017 às 14:00

2 Respostas 2

4

Pelo que entendi você deseja criar um "Leia mais", acredito que você terá de implementar um pouco de JS na sua solução, uma solução básica é a seguinte:

O HTML

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam porttitor feugiat ipsum quis ullamcorper. Nullam vitae velit vitae tortor semper tempor ac vitae magna. Maecenas a ullamcorper neque. Aliquam vitae tortor luctus nisi rutrum eleifend non non leo.</p>
<div id="more" style="display:none;">
    <p>Sed eleifend lectus id semper accumsan. Sed lobortis id ligula eget blandit. Integer interdum iaculis nunc, sed porttitor magna tincidunt in. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aliquam lobortis accumsan tempor. Aliquam sollicitudin pulvinar est, quis convallis tellus.</p>
    <img..../>
</div>
<a href="javascript:showMore()" id="link">Read More >></a>`

O JS

function showMore(){
    //remove o link
    document.getElementById('link').parentElement.removeChild('link');
    //Mostra o conteúdo #more
    document.getElementById('more').style.display = "block";
}

Existe também algumas bibliotecas JS prontas: https://github.com/jedfoster/Readmore.js

1
  • então até ai bacana entendi como fazer, a minha questão agora é como fazer dinamicamente para os demais blocos que não precise criar varias funções de botoes para vários blocos queria algo dinâmico sabe porque terei vários blocos com esse tipo de botão e essa parte não sei como fazer... Commented 17/11/2017 às 19:38
1

ex: https://plnkr.co/edit/lHh7KVQBrGzMFFbre5z1?p=preview

Adiciona as divs que queres mostrar a mesma class..

 <div class="to_show">

depois poderás usar jquery para adicionar um listenner ao botao e usar a funcao toggle.

$(document).ready(function() {

    $("#buttonclick").click(function() {
            $(".to_show").toggle();
    });
});
2
  • então até ai bacana entendi como fazer, a minha questão agora é como fazer dinamicamente para os demais blocos que não precise criar varias funções de botoes para vários blocos queria algo dinâmico sabe porque terei vários blocos com esse tipo de botão e essa parte não sei como fazer... Commented 17/11/2017 às 19:38
  • nao entendo a parte do varios blocos.. na mesma pagina queres ter varios "Ler mais"?
    – sir_ask
    Commented 28/11/2017 às 16:53

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .