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;
...
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 {
...
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');
}
}...
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)...
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);">
<...
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 ...
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 ...
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')....
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....
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 ...
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')
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:
...
Only top scored, non community-wiki answers of a minimum length are eligible
Tags relacionadas
collapse × 29html × 10
javascript × 7
twitter-bootstrap × 7
jquery × 6
css × 6
bootstrap × 6
php × 3
html5 × 3
angular × 2
bootstrap-3 × 2
front-end × 2
bootstrap-4 × 2
div × 2
mysql × 1
asp.net-mvc × 1
laravel × 1
ionic × 1
laravel-5 × 1
javascript-eventos × 1
menu × 1
layout-responsivo × 1
button × 1
materialize × 1
grid × 1