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