Submenu items verbergen

[Dion Wales]

Ik ben bezig met een database gerelateerd menu. Dat gaat perfect en hij haalt ook de gegevens goed op. Alleen nu wil ik het zo maken dat hij de parents eerst alleen laat zien en pas wanneer je er op klikt, dat hij als er een child aanhangt, de childs eronder toont of anders naar de betreffende pagina gaat wanneer er geen child aan zit.

De volgende code gebruik ik hiervoor (het opbouwen van het menu):

<?php 
// haal menu items op
$result = mysql_query(" 
    SELECT 
        id, parentID, name, link
    FROM 
        menu 
    ORDER BY 
        parentID, name 
"); 

// array voor de child en parent relaties van de items
$menuData = array( 
    'items' => array(), 
    'parents' => array(), 
); 

while ($menuItem = mysql_fetch_assoc($result)) 
{ 
    $menuData['items'][$menuItem['id']] = $menuItem; 
    $menuData['parents'][$menuItem['parentID']][] = $menuItem['id']; 
    } 

function buildMenu($parentID, $menuData) 
{ 
    $html = ''; 

    if (isset($menuData['parents'][$parentID])) 
    { 
        $html = '<ul>'; 
        foreach ($menuData['parents'][$parentID] as $itemId) 
        { 
            $html .= '<li><a href="' . $menuData['items'][$itemId]['link'] . '">' . $menuData['items'][$itemId]['name'] . '</a>'; 

            // recursive childitems opzoeken
            $html .= buildMenu($itemId, $menuData); 

            $html .= '</li>'; 
        } 
        $html .= '</ul>'; 
    } 

    return $html; 
} 

// menu weergave a.d.h.v. buildMenu 
echo buildMenu(0, $menuData); 
?>

Het zal met iets van javascript moeten denk ik. Graag zou ik hier wat hulp bij willen hebben zodat ik hier mee verder kan.

Dank,

Dion

[eweps]

id="parent_id" style="display: none;">

onclick="document.getElementById('parent_id').style.display='block';"

zo zou je het kunnen maken.. mooier is het natuurlijk om dit met functies te doen, zo kun je zelf kiezen of de andere items ook weer ingeklapt moeten worden

[Dion Wales]

Ik ben er helaas niet super goed in thuis, al kan ik me over het algemeen aardig redden met wat ik normaal gesproken nodig ben.

Zal het eens op de door jouw aangereikte manier proberen, al zie ik nog niet zo 1,2,3 hoe dit exact toe te passen.

[eweps]

het style element voeg je toe aan de li tag van de submenu's en de onclick voeg je toe aan de parent li