Sub-menyer

Jag har litet kodproblem som jag inte vet hur jag ska lösa.
Jag vill göra en meny med submenyer,
och dessa har jag byggt i databasen som att huvudknappar har parent_id 0,
och sedan har varje huvudknapp ett vanligt ID.

Varje subalternativ har parent_id satt till huvudknappens ID.

Nedan är koden för att hämta ut alla huvudknappar,
men hur lägger jag till så att den lägger in ev underknappar på rätt ställe?

Koden nedan känns långt ifrån optimal :/

                        <?PHP
                $query = "SELECT * FROM menu WHERE parent_id='0'";
                $result = mysql_query($query);
                
                while($data = mysql_fetch_array($result))
                {
                    echo "<a href='".$data['link']."'>".$data['name']."</a>";
                    $querysub = "SELECT * FROM menu WHERE parent_id='".$data['id']."'";
                    $resultsub = mysql_query($querysub);
                    while($datasub = mysql_fetch_array($resultsub))
                    {
                        echo "<a href='".$datasub['link']."'>".$datasub['name']."</a>";
                    }
                    echo "<br />";
                }
            ?>

Man behöver kod på hela menu. För att förstå riktigt hur du tänkt dig.

Själv löste jag min submenu med hjälp av ajax, jqury, css

Koden ovan genererar hela menyn , dock så har jag kommit på lite andra tankar ...

Säg att man har flera rutor med menyknappar, ungefär såhär:

*********
* Knapp 1*
*********
*********
* Knapp 2*
*********

Så om man klickar på knapp 1 så vill man det ska komma fler alternativ under

*********
* Knapp 1*
*********
 - Alternativ 1 under Knapp1
 - Alternativ 2 under Knapp1
*********
* Knapp 2*
*********

.. kanske hör hemma mer i java / css iof :(

Ungefär som så här eller?

Den där är gjord i css, ajax.
Rullgarin den åker ner när man klickar för få submenu. går man utanför så åker den sakta upp igen.

Nästan. Fast en vertikal.