Skip to main content

Respostas interessantes marcadas com a tag

3 votos

Como fazer Collapse e Expand de um texto usando apenas HTML5?

Não estou a ver como isso pode ser feito sem JavaScript. O mais perto é usar o :active mas que só funciona no momento em que o mouse é pressionado: .collapse { height: 0px; overflow: hidden; ...
Sergio's user avatar
  • 135mil
3 votos
Aceito

Collapse no bootstrap com sinal trocado

Adicione no seu CSS: .sessao-titulos[aria-expanded='true']:after{ content: "-"; } .sessao-titulos[aria-expanded='false']:after{ content: "+"; } E remova: .sessao-titulos.collapsed:after { ...
Sam's user avatar
  • 80,8mil
1 voto
Aceito

Dúvida sobre Javascript ou jquery para collapse em viewport

Veja se este código atende seu problema: jQuery(function($){ $("#collapseExample").removeClass('in'); if ($(document).width() > 768) { $("#collapseExample").addClass('in'); } }...
Thiago Bueno Fiorenza's user avatar
1 voto
Aceito

Substituir conteúdo Collapse

O problema é que você está, simplesmente, pegando o conteúdo da div e verificando se ele está sendo exibido ou não. Para resolver o problema o correto seria fazer o seguinte: function Conteudo(el)...
Felipe Avelar's user avatar
1 voto

Problemas com o Collapse Bootstrap

Você precisa criar os ids da sua div e os atibutos data-target e aria-controls dinamicamente, exemplo: <div class="jumbotron jumbotron-fluid" style="background-image: url(img/fundo.jpg);"> <...
Eder Aparecido's user avatar
1 voto

Diminuir DIV quando outra DIV expande

Apenas adicione um overflow: hidden; na div listalog, pois assim, irá ocultar tudo o que tentar avançar o limite height do elemento pai (nesse caso, a div listalog). Segue um Snippet para conferir se ...
mattdaspy's user avatar
  • 131
1 voto
Aceito

[Angular][Bootstrap] -Efeito collapse abrir e fechar com apenas um click

Eu utilizei uma lib chamada ngx-bootstrap e utilizei a component collapse para isso. ngx-bootstrap O Input collapse é responsável por mostra/esconder os elementos. Então eu criei uma variável de ...
Victor Henrique's user avatar
1 voto
Aceito

Abrir collapse via URL Bootstrap

Pode fazer desta forma: $("a.nav-link").click(function(e,i){ if(i){ var hash = i.ancora ? i.hash : i; }else{ var hash = this.href.match(/#.+/)[0]; } $(hash + '.collapse')....
Sam's user avatar
  • 80,8mil
1 voto

Collapse não escondendo

Cara faltou fechar a tag div como disse o Tony, certifique-se que vc importou todos os arquivos necessários para o funcionamento. segue o seu código funcionando: <link href="https://stackpath....
LeAndrade's user avatar
  • 9.046
1 voto
Aceito

Collapse e nem dropdown funciona?

Amigo o que está acontecendo é que a ordem que vc chama os scripts está errada Repare que primeiro deve vir os CDNs (links com os .js que vc vai precisar) e depois deve vir seu <script> pois ...
hugocsl's user avatar
  • 66,9mil
1 voto

Bootstrap collapse dependendo de valor

Consegui resolver! O bootstrap tem alguns métodos que mostram ou escondem o collapse: .collapse('show/hide/toggle')
Claudio Neto's user avatar
1 voto

Navbar collapse bootstrap não empurra outras div para baixo

Eu testei seu código, e está tendo o comportamento normal, alias, esse css informado seu está "escondendo" o menu do topo pra cima, ficando estranho, sugiro remover. Para ilustrar, olhe funcionando: ...
Rafael Souza's user avatar

Only top scored, non community-wiki answers of a minimum length are eligible