title: Nested dropdowns in materialize
body: <p>Is it possible to make nested dropdowns in materialize? second dropdown should be on right side</p>
  
  <pre><code>&lt;a class='dropdown-button btn' href='#' data-activates='dropdown1' data-beloworigin="true"&gt;Drop Me!&lt;/a&gt;
  &lt;ul id='dropdown1' class='dropdown-content'&gt;
      &lt;li&gt;&lt;a class='dropdown-button d' href='#' data-activates='dropdown2' data-hover="hover" data-alignment="right"&gt;Drop Me!&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#!"&gt;two&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#!"&gt;three&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;ul id='dropdown2' class='dropdown-content'&gt;
      &lt;li&gt;&lt;a href="#!"&gt;second one&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#!"&gt;second two&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#!"&gt;second three&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p><a href="https://jsfiddle.net/m0sdcn6e/" rel="nofollow">https://jsfiddle.net/m0sdcn6e/</a></p>
  
  <p>Nesting like this doesnt work. Any ideas?</p>
  
  <p>Thanks Albert M.</p>