title: Echo menu tree with recursive function
body: <p><strong>Problem:</strong> I can't think of way make a recursion function to my specific situation.  </p>
  
  <p><strong>Situation:</strong></p>
  
  <p><code>Mysql DB</code><br>
  <code>id | root | name |</code><br>
  Where <code>root</code> shows to witch category this is subcategory.  </p>
  
  <p>How should HTML look:</p>
  
  <pre><code>    &lt;li&gt;&lt;a href="#"&gt;&lt;p class="Tier0"&gt;Datori&lt;/p&gt;&lt;/a&gt;
                      &lt;ul style="display: block"&gt;
                           &lt;li&gt;&lt;a href="#"&gt;&lt;p class="Tier1"&gt;Cookies&lt;/p&gt;&lt;/a&gt;&lt;/li&gt;
                           &lt;li&gt;&lt;a href="#"&gt;&lt;p class="Tier1"&gt;Events&lt;/p&gt;&lt;/a&gt;&lt;/li&gt;
                           &lt;li&gt;&lt;a href="#"&gt;&lt;p class="Tier1"&gt;Forms&lt;/p&gt;&lt;/a&gt;&lt;/li&gt;
                           &lt;li&gt;&lt;a href="#"&gt;&lt;p class="Tier1"&gt;Games&lt;/p&gt;&lt;/a&gt;&lt;/li&gt;
                           &lt;li&gt;&lt;a href="#"&gt;&lt;p class="Tier1"&gt;Images&lt;/p&gt;&lt;/a&gt;
                              &lt;ul&gt;
                                  &lt;li&gt;&lt;a href="#"&gt;&lt;p class="Tier2"&gt;CSS&lt;/p&gt;&lt;/a&gt;&lt;/li&gt;
                                  &lt;li&gt;&lt;a href="#"&gt;&lt;p class="Tier2"&gt;JavaScript&lt;/p&gt;&lt;/a&gt;&lt;/li&gt;
                                  &lt;li&gt;&lt;a href="#"&gt;&lt;p class="Tier2"&gt;JQuery&lt;/p&gt;&lt;/a&gt;&lt;/li&gt;
                              &lt;/ul&gt;
                           &lt;/li&gt;
                           &lt;li&gt;&lt;a href="#"&gt;&lt;p class="Tier1"&gt;Navigations&lt;/p&gt;&lt;/a&gt;
                              &lt;ul&gt;
                                  &lt;li&gt;&lt;a href="#"&gt;&lt;p class="Tier2"&gt;CSS&lt;/p&gt;&lt;/a&gt;&lt;/li&gt;
                                  &lt;li&gt;&lt;a href="#"&gt;&lt;p class="Tier2"&gt;JavaScript&lt;/p&gt;&lt;/a&gt;&lt;/li&gt;
                                  &lt;li&gt;&lt;a href="#"&gt;&lt;p class="Tier2"&gt;JQuery&lt;/p&gt;&lt;/a&gt;&lt;/li&gt;
                              &lt;/ul&gt;
                          &lt;/li&gt;
                           &lt;li&gt;&lt;a href="#"&gt;&lt;p class="Tier1"&gt;Tabs&lt;/p&gt;&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;&lt;p class="Tier0"&gt;Washing Machines&lt;/p&gt;&lt;/a&gt;
  </code></pre>
  
  <p>What kind of PHP function I would need  to print it all out?</p>