title: Bootstrap collapse dynamic 'data-target' not working as desired
body: <p>I wanna show some posts via bootstrap <code>collapse</code>. I set dynamic <code>data-target</code> and <strong>id</strong> in bootstrap collapse using <strong>post id</strong>. its not working.</p>
  
  <pre><code>     &lt;div class="container"&gt;
        &lt;div class="accordion"&gt;
          &lt;div class="card"&gt;
            &lt;% hadiths.forEach(function(hadith){ %&gt;
            &lt;div class="card-header" id="headingOne" data-toggle="collapse" 
  data-target="#&lt;%= hadith._id %&gt;" aria-expanded="false" aria-controls="&lt;%= hadith._id %&gt;"&gt;
              &lt;h2 class="mb-0"&gt;
                &lt;h3&gt;
                  &lt;div class="row"&gt;
                      &lt;div class="col-11"&gt;
                  &lt;%= hadith.serial %&gt;- &lt;%= hadith.title %&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                &lt;/h3&gt;
              &lt;/h2&gt;
            &lt;/div&gt;
            &lt;div id="&lt;%= hadith._id %&gt;" class="collapse id" aria-labelledby="headingOne"&gt;
              &lt;div class="card-body"&gt;
                    &lt;%- hadith.description %&gt;
              &lt;/div&gt;
            &lt;/div&gt;
      &lt;% }); %&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>But if i add some string in front of <code>&lt;%= hadith._id %&gt;</code> then it works like <code>a&lt;%= hadith._id %&gt;</code>. I need to set it <code>&lt;%= hadith._id %&gt;</code>. Please tell me what i did wrong.</p>
  
  <p>Thanks for your attention.</p>