title: How can I make the submenu in the MaterializeCSS dropdown?
body: <p>I am trying to have a submenu dropdown inside a dropdown, using MaterializeCSS framework. I tried with the following code, but it didn't work.</p>
  
  <pre><code>&lt;!-- this the main dropdown --&gt;
  &lt;ul id="MainDropDown" class="dropdown-content"&gt;
      &lt;li&gt;&lt;a href="#" class="dropdown-button" data-beloworigin="true" data-contrainwidth="false" data-gutter="30" data-alignment="right" data-activates="drop1"&gt;Dropdown1&lt;span class="right caret"&gt;&amp;#9658;&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#" class="dropdown-button" data-beloworigin="true" data-contrainwidth="false" data-gutter="30" data-alignment="right" data-activates="drop2"&gt;Dropdown2&lt;span class="right caret"&gt;&amp;#9658;&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#" class="dropdown-button" data-beloworigin="true" data-contrainwidth="false" data-gutter="30" data-alignment="right" data-activates="drop3"&gt;Dropdown3&lt;span class="right scaret"&gt;&amp;#9658;&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;   
  &lt;/ul&gt;
  &lt;ul id="drop1" class="dropdown-content"&gt;
      &lt;li&gt;&lt;a href="#"&gt;Create&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;ul id="drop2" class="dropdown-content"&gt;
      &lt;li&gt;&lt;a href="#"&gt;Create&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;Update&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;ul id="drop3" class="dropdown-content"&gt;
      &lt;li&gt;&lt;a href="#"&gt;Create&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>