Questão FC373552
Um programador criou a página web abaixo utilizando Bootstrap 4. Para que, ao clicar uma vez no botão, o texto contido no contêiner com apareça abaixo do botão e, ao clicar novamen
Desenvolvimento Web
FCC · 2019
Um programador criou a página web abaixo utilizando Bootstrap 4.
Para que, ao clicar uma vez no botão, o texto contido no contêiner com apareça abaixo do botão e, ao clicar novamente o texto desapareça, alternando a cada clique, a lacuna I deverá ser preenchida com
- data-toggle="alternate"
- data-alternate="show-hide"
- data-toggle="collapse"
- data-alternate="true"
- data-toggle="show-hide"
Mostrar resposta e comentário
Gabarito
Certo
Comentário do professor
O atributo data-toggle="collapse" instrui o Bootstrap a transformar o elemento num gatilho que alterna a visibilidade de um contêiner destino a cada clique.
Para funcionar, o botão deve apontar para o alvo via data-target="#id" ou href="#id", e o contêiner alvo precisa ter a classe collapse (e opcionalmente show para iniciar visível).
Ao clicar, o componente aplica classes e animações do plugin Collapse do Bootstrap, exibindo ou ocultando o conteúdo de forma alternada (toggle). É necessário incluir o script do Bootstrap (no Bootstrap 4, também jQuery e Popper) para ativar esse comportamento.
Recomenda-se usar também atributos ARIA como aria-expanded e aria-controls para melhorar a acessibilidade.
Conteúdo do catálogo FC Concursos · Atualizado em