Q:

Bootstrap Collapse Button Not Showing Content When Clicked

I have made a CodePen and tried using Bootstrap to make a collapse with a button. I have included the Bootstrap, JQuery, and Popper libraries. The CSS Bootstrap is working because my button is being styled, but when it is clicked it does not display the content. I will include a block of the code as well with a link to the full CodePen. Any suggestions on the project are welcomed as well, but I just really need to know why the collapse is not working. Thanks for reading, and I hope I can get this to work with yall's help!
Button: 
<button
  data-toggle="collapse"
  data-target="#website-code-container"
  type="button"
  class="btn btn-primary"
>
  Click Me to See the code used
</button>

Content to be displayed:
<div id="website-code-container" class="collapse"> ... </div>

Link to full CodePen, this will probably help more: CodePen

A:

You have a problem with the Bootstrap CSS and the Popper JS libraries that you are importing. 
Try importing the css from Bootstrap CDN listed at https://getbootstrap.com/
Don't forget to load jQuery before you load bootstrap.js
Here are the links to the CSS and JS for easier access
CSS only
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" crossorigin="anonymous">

JS, Popper.js, and jQuery
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" crossorigin="anonymous"></script>

<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" crossorigin="anonymous"></script>

<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" crossorigin="anonymous"></script>

You can find prior versions of the libraries at https://www.bootstrapcdn.com/legacy/bootstrap/

