title: correct semantics for ul in ul
body: <p>I am writing <code>ul</code> inside <code>ul</code> to make a accordion type of menu. But when I check my code below in html validator it gives me these errors</p>
  
  <pre><code>Element ul not allowed as child of element ul in this context. (Suppressing further errors from this subtree.)
  </code></pre>
  
  <p>How can I write semantically correct html for ul in this case?</p>
  
  <p>Here is my html</p>
  
  <pre><code>&lt;nav class="row"&gt;
              &lt;ul class="menu"&gt;
                  &lt;li&gt;
                      &lt;a href=""&gt;Uutiset&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;ul class="inside"&gt;
                      &lt;li&gt;&lt;a href=""&gt;Fringilla Condimentum&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href=""&gt;Lorem&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href=""&gt;Fringillau&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href=""&gt;Curabitur&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href=""&gt;Mollis&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href=""&gt;Ipsum&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href=""&gt;Lorem&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href=""&gt;Fringillau&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href=""&gt;Curabitur&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href=""&gt;Mollis&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href=""&gt;Ipsum&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
                  &lt;li&gt;&lt;a href=""&gt;Foorumi&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href=""&gt;Kauppa&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href=""&gt;Messut&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;
                      &lt;a href=""&gt;Asiakaspalvelu&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;ul class="inside"&gt;
                      &lt;li&gt;&lt;a href=""&gt;Tilaa lehti&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href=""&gt;Muutos tilaukseen&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href=""&gt;Lähetä uutisvinkki&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href=""&gt;Anna palautetta&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
                  &lt;li&gt;&lt;a href=""&gt;Nakoislehti&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href=""&gt;Nae meidat&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/nav&gt;
  </code></pre>