このブートストラップ折りたたみプラグインを機能させるために数時間を費やしました。この質問が以前にたくさん出されていたら申し訳ありませんが、適切な回答を求めてこの場所を探しました。これが私のhtmlです：
<html lang="en">
<head>
<meta charset="utf-8">
<title>:(</title>
<!-- Bootstrap -->
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<h1>Collapse!</h1>
<a class="btn btn-danger" data-toggle="collapse" data-target="#demo">
simple collapsible
</a>
<div id="demo" class="collapse in">
<p>Hopefully this content will be collapsible!</p>
<p>And this too!</p>
</div>
<script type="text/javascript">
$(document).ready(function(){
$(".collapse").collapse()
});
</script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
</body>
</html>
これは、質問をするためにスタックオーバーフローを使用するのも初めてなので、質問を適切にフォーマットする方法がわからないという事実を許してください。ページ上のjs要素を何らかの方法で初期化することを期待して、jqueryの小さなスニペットを追加しました。助けてください！