Testei diferentes versões do jQuery e Bootstrap para fazer o Collapse, mas não ta indo. Ja li a solução deste forum e tmb não foi. Algum pode ajudar?
Testei diferentes versões do jQuery e Bootstrap para fazer o Collapse, mas não ta indo. Ja li a solução deste forum e tmb não foi. Algum pode ajudar?
Boa noite. Beleza?
Cara, um dos problemas que eu tive ao começar a trabalhar com Bootstrap e jQuery foi exatamente com a aplicação da classe "collapse". No meu caso, o problema era na sequencia de scripts dos arquivos. Eu estava importando o Bootstrap antes do jQuery.
Usando o código
<script src="./vendor/jQuery/jquery.js"></script>
<script src="./vendor/bootstrap/css/bootstrap.min.css"></script>
o meu problema foi resolvido.
Detalhe:
Espero ter ajudado. Bons estudos!
O meu não funcionou também.
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<div class="container">
<h2>Sobre Nós</h2>
<h2 data-toggle="collapse" data-target="#primeiro-paragrafo">Desde 1935</h2>
<p id="primeiro-paragrafo" class="collapse in">A TopCasa Fina Arquitetura está no mercado desde... </p>
<h2 data-toggle="collapse" data-target="#segundo-paragrafo">Desde 1935</h2>
<p id="segundo-paragrafo" class="collapse">A TopCasa Fina Arquitetura está no mercado desde... </p>
<h2 data-toggle="collapse" data-target="#terceiro-paragrafo">Desde 1935</h2>
<p id="terceiro-paragrafo" class="collapse">A TopCasa Fina Arquitetura está no mercado desde... </p>