title: Accordion Collapsible Does not work only in Heroku (CSP Issue)
body: <p>Iam facing a very strange issue. I implemented some nested collapsible and also simple collapsible that work excellent at localhost.But in Heroku still i cannot understand why collapsibles do not work. Any help is welcomed, without working collapsible my web app will appear chaotic :(</p>
  <p>Pug Layout</p>
  <pre><code>doctype html
  html(lang='en')
      head
          title= title
          meta(charset='utf-8')
          meta(name='viewport', content='width=device-width, initial-scale=1')
          script(src=&quot;https://code.jquery.com/jquery-3.5.1.slim.min.js&quot;, integrity=&quot;sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj&quot;, crossorigin=&quot;anonymous&quot;)
          link(rel=&quot;stylesheet&quot;, href=&quot;https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css&quot;, integrity=&quot;sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z&quot;, crossorigin=&quot;anonymous&quot;)
          script(src=&quot;https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js&quot;, integrity=&quot;sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV&quot;, crossorigin=&quot;anonymous&quot;)
          link(rel='stylesheet', href='/stylesheets/style.css')
      body
      div(class='container-fluid')
        div(class='row')
          div(class='col-sm-2')
            block sidebar
              ul(class='sidebar-nav')
                li
                  a(href='/catalog') Home
                li
                  a(href='/catalog/resources') All Resources
  
                li
                  a(href='/catalog/bookings') My Bookings
          div(class='col-sm-10')
            block content
  </code></pre>
  <p>Collapsible PUG</p>
  <pre><code>extends layout
  block content
    -var i=0;
    -var months = [&quot;January&quot;, &quot;February&quot;, &quot;March&quot;, &quot;April&quot;, &quot;May&quot;, &quot;June&quot;, &quot;July&quot;, &quot;August&quot;, &quot;September&quot;, &quot;October&quot;, &quot;November&quot;, &quot;December&quot;]
          #accordion.panel-group
          each doc in object
             flex-container(style='background-color:#c7e7fa; justify-content:space-around; position:relative;flex-direction:row;margin-left:20px;margin-right:auto; margin-top:20px; width:45%; ')
              .three(style='text-align:center;margin-left:auto; margin-right:auto; flex: 0 0 40%;')
                h4='' + doc._id.year + '  ' + months[doc._id.month - 1]
                -i++;
              #accordion.panel-group
               .panel-heading
                 h4.panel-title
                   a.accordion-toggle(data-toggle='collapse', href='#collapses' + i)
                     h6 See Total Cost
               .panel-collapse.collapse.in(id=&quot;collapses&quot; + i)
                  .three(style='width:100%; margin-left:auto; margin-right:auto; flex: 0 0 25%;')
                    h5= 'Total Montly Cost:  ' + doc.total_cost_month.toFixed(2)
                                  .panel-heading
                                    h4.panel-title
                                      a.accordion-toggle(data-toggle='collapse', href='#collapse'+i)
                                        hr
                                        h6 See All Booking details
                                  .panel-collapse.collapse.in(id=&quot;collapse&quot;+i)
                                    each booking in doc.bookings_month
                                      flex-container(style='background-color:#a6f1a6; width:100%;')
                                                  three.flex-container
                                                      | #[strong Start:] #{moment(booking.date_started).format('DD/MM/YYYY HH:mm')}
                                                  three.flex-container
                                                      | #[strong  Finish:] #{moment(booking.date_finished).format('DD/MM/YYYY HH:mm')}
                                                  three.flex-container
                                                      | #[strong  Cost:]  #{booking.total_cost.toFixed(2)}
                                                  li
          else
              h1 No booking history found
              h3= 'Start booking now' + &quot;  &quot;
               a(href='/catalog/resources')
                | here:
  
  </code></pre>