title: How to make dropdownlist in accordion using bootstrap?
body: <p>I am trying to create accordion that has a dropdownlist, but the problem is on my dropdownlist is not showing any list for selection and need some help around it. Below is my logic that have attempted to do and was not successful.</p>
  <pre><code> &lt;!-- Card body --&gt;
                  &lt;div class=&quot;accordion md-accordion&quot; id=&quot;accordionEx&quot; role=&quot;tablist&quot; aria-multiselectable=&quot;true&quot;&gt;
                      &lt;!-- Accordion card --&gt;
                      &lt;div class=&quot;card&quot;&gt;
  
                          &lt;!-- Card header --&gt;
                          &lt;div class=&quot;card-header&quot; role=&quot;tab&quot; id=&quot;headingOne1&quot;&gt;
                              &lt;a data-toggle=&quot;collapse&quot; data-parent=&quot;#accordionEx&quot; href=&quot;#collapseOne1&quot; aria-expanded=&quot;true&quot;
                                 aria-controls=&quot;collapseOne1&quot;&gt;
                                  &lt;h5 class=&quot;mb-0&quot;&gt;
                                      This is a Sample Module &lt;i class=&quot;fas fa-angle-down rotate-icon&quot;&gt;&lt;/i&gt;
                                  &lt;/h5&gt;
                              &lt;/a&gt;
                          &lt;/div&gt;
  
                          &lt;!-- Card body --&gt;
                          &lt;div id=&quot;collapseOne1&quot; class=&quot;collapse show&quot; role=&quot;tabpanel&quot; aria-labelledby=&quot;headingOne1&quot;
                               data-parent=&quot;#accordionEx&quot;&gt;
                              &lt;div class=&quot;card-body&quot;&gt;
                                  &lt;div class=&quot;dropdown&quot;&gt;
  
                                      &lt;!--Trigger--&gt;
  
                                      &lt;a type=&quot;button&quot; id=&quot;dropdownMenu2&quot; data-toggle=&quot;dropdown&quot; aria-haspopup=&quot;true&quot; aria-expanded=&quot;false&quot;&gt;&lt;i class=&quot;fas fa-ellipsis-v&quot;&gt;&lt;/i&gt;&lt;/a&gt;
  
  
                                      &lt;!--Menu--&gt;
                                      &lt;div class=&quot;dropdown-menu dropdown-primary&quot;&gt;
                                          &lt;a class=&quot;dropdown-item&quot; href=&quot;#&quot;&gt;&lt;i class=&quot;media&quot;&gt;&lt;/i&gt;&amp;nbsp;&amp;nbsp;Media&lt;/a&gt;
                                          
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
  </code></pre>