Há muitas vezes em que um web designer precisa expandir e recolher o texto em um site. Esse recurso é especialmente útil quando se trata de configurar perguntas frequentes, organizar entradas de blog e criar recursos de enigmas e questionários. Insira este código Java em seu site para implementar texto recolhível.
Etapa 1
Abra o código HTML da página da Web à qual você deseja adicionar texto recolhível. Localize o
e Tag. Entre eles, copie e cole o seguinte código:
Etapa 2
Localize a seção do
onde seu texto recolhível precisa ir. Cole o seguinte código lá. Esta linha cria um cabeçalho que alternará uma seção com um id de "a1"
Seção 1
Digite o texto da seção dentro de um contêiner com id "a1" e uma classe de "texter". Conteúdo da Seção 1.
Etapa 3
Se você precisar de itens adicionais, continue com o padrão, usando diferentes pares de IDs para cada título de seção e área de conteúdo. Salve seu arquivo e teste seu código para garantir que ele funcione corretamente. Você deve poder clicar em um cabeçalho para exibir o texto oculto e fazê-lo desaparecer.
