Expandir e recolher texto

[alisonalves 0]

Olá pessoal. Estou querendo colocar em meu site uma opção onde somente apareça uma frase e ao clicar nesta frase aparece todo o conteúdo, ou seja, ao clicar o texto é expandido . Como neste site aqui ao clicar na palavra "more"

 

http://www.stunicholls.com/various/more.html

 

Alguém sabe me dizer alguma forma de fazer isto de forma bem simples? Qual o nome desta funcionalidade?

[GustavoDose 1]

Usa toggle pra fazer isso, bem simples.

   aparecer();
   function aparecer(){
     $('#texto').hide();
     $('#botao').click(function(){
        $('#texto').slideToggle();
      });
   }

[wilnet 92]

Olá alisonalves, blza!

 

Segue o link do exemplo como mostrado.

 

http://jsfiddle.net/wilnet/h4mg2ncs/

 

 

Fonte do exemplo

 

 

Espero ter ajudado,

 

vlw

[rikaschmitt 54]

Ou de um jeito mais simples.

Só colocar "display:none" na div do conteúdo oculto, e fazer um evento de click no botão.

 

Exemplo

[wilnet 92]

Esse link é o mesmo que postei, apenas fiz uma Correção nele.

 

http://jsfiddle.net/wilnet/h4mg2ncs/4/

 

 

:thumbsup:

[Maria Regina 0]

Por favor, como leitora em uma página, como é possível desfazer/desabilitar isso?
Por questões até de acessibilidade, por exemplo no facebook, quando um tópico tem algumas páginas e em cada página existem comentários que dão opção de "Ver X respostas" e em muitas dessas respostas aparece a opção de "ver mais", como é possível desabilitar isso para leitura de todos textos expandidos de uma única vez na tela sem ter que clicar em cada recolhimento?