title: Has someone a workaround to activate 2 or multiple dropdowns with Materialize Framework?
body: <p>I'm trying to have to mutiple dropdowns elements in Materialize. I found out that it doesn't work, but there is a workaround stated here by singhshash:</p>
  
  <p><a href="https://github.com/Dogfalo/materialize/issues/2621" rel="nofollow noreferrer">https://github.com/Dogfalo/materialize/issues/2621</a></p>
  
  <p>my problem is I can't activate dropdown accessing id='btndropdown1', but it is the only ID with this specific name. Has anyone a workaround other that the solution stated above? </p>
  
  <pre><code>&lt;a id='btndropdown1' class='dropdown-trigger' href="#" data-target='dropdown1'&gt;
    &lt;div class="col s2 m3"&gt;
      &lt;div class="card red darken-1"&gt;
        &lt;div class="card-content white-text"&gt;
          &lt;span class="card-title center"&gt;Heizen&lt;/span&gt;
        &lt;/div&gt;
        &lt;div class="center"&gt;
          &lt;i class="material-icons large white-text"&gt;hot_tub&lt;/i&gt;
        &lt;/div&gt;
  
        &lt;ul id='dropdown1' class='dropdown-content red darken-1'&gt;
          &lt;li &gt;&lt;a href="#!" class="black-text"&gt;Heizgeräte&lt;/a&gt;&lt;/li&gt;
          &lt;li class="divider" tabindex="-1"&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#!" class="black-text"&gt;Ex-Heizgeräte&lt;/a&gt;&lt;/li&gt;
          &lt;li class="divider" tabindex="-1"&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#!" class="black-text"&gt;Heizgebläse&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/a&gt;
  &lt;a  id='btndropdown2' class='dropdown-trigger' href="#" data-target='dropdown2'&gt;
    &lt;div class="col s2 m2"&gt;
      &lt;div class="card cyan darken-1"&gt;
        &lt;div class="card-content white-text"&gt;
          &lt;span class="card-title center"&gt;Filterlüfter&lt;/span&gt;
        &lt;/div&gt;
        &lt;div class="center"&gt;
          &lt;i class="material-icons large white-text"&gt;view_headline&lt;/i&gt;
        &lt;/div&gt;
        &lt;ul id='dropdown2' class='dropdown-content cyan'&gt;
          &lt;li &gt;&lt;a href="#!" class="black-text"&gt;Filterlüfter&lt;/a&gt;&lt;/li&gt;
          &lt;li class="divider" tabindex="-1"&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#!" class="black-text"&gt;Outdoor-Filterlüfter&lt;/a&gt;&lt;/li&gt;
          &lt;li class="divider" tabindex="-1"&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#!" class="black-text"&gt;Dach-Filterlüfter&lt;/a&gt;&lt;/li&gt;
          &lt;li class="divider" tabindex="-1"&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#!" class="black-text"&gt;Lüftereinschub&lt;/a&gt;&lt;/li&gt;
          &lt;li class="divider" tabindex="-1"&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#!" class="black-text"&gt;Einbaulüfter&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/a&gt;
  
  &lt;script type='text/javascript'&gt;
    $(document).ready(function(){
      $('#btndropdown1').dropdown();
      $('#btndropdown2').dropdown();
    });
  &lt;/script&gt;
  </code></pre>