I've been struggling for hours to make the bootstrap collapse plugin work. I apologize if this question has already been asked multiple times, but I have searched tirelessly for a suitable solution. Below is my HTML code:
<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>
This is my first time using stackoverflow to ask a question, so please forgive any formatting issues. I added that snippet of jquery hoping it would initialize the JS elements on the page. Any assistance would be greatly appreciated!