Ik ben bezig om een site te maken.
Ik werk nu met een iframepje om door middel van 3 bestanden mijn menu te laten zien / openklappen.
Nu is mijn vraag hoe ik dit het beste 'scriptsgewijs' op kan lossen (javascript/php/html)
<link rel="stylesheet" type="text/css" href="menu.css">
<div class="button"><a href=home.php target=contentframe>Home</a></div>
<div class="button"><a href="http://bierens42.woelmuis.nl/output/clubinfo.php" target=contentframe>Clubinfo</a></div>
<div class="button"><a href="http://bierens42.woelmuis.nl/output/afgelastingen.php" target=contentframe>Afgelastingen</a></div>
//Als ik hierop klik opent alles tussen * en *
<div class="button"><a href=menusenioren.php target=menuframe>Senioren</a></div>
<div class="button" id="buttona"><a href="http://bierens42.woelmuis.nl/output/programmasenioren1.php" target=contentframe>Programma</a></div>
<div class="button" id="buttona"><a href="http://bierens42.woelmuis.nl/output/uitslagensenioren1.php" target=contentframe>Uitslagen</a></div>
*
<div class="button" id="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC 1&soort=Competitie&deel=" target=contentframe>ZSC 1</a></div>
<div class="button" id="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC 2&soort=Competitie&deel=" target=contentframe>ZSC 2</a></div>
<div class="button" id="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC 3&soort=Competitie&deel=" target=contentframe>ZSC 3</a></div>
<div class="button" id="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC 4&soort=Competitie&deel=" target=contentframe>ZSC 4</a></div>
<div class="button" id="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC 5&soort=Competitie&deel=" target=contentframe>ZSC 5</a></div>
<div class="button" id="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC Dames 1&soort=Competitie&deel=najaar" target=contentframe>ZSC Dames 1</a></div>
<div class="button" id="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC Veteranen&soort=Competitie&deel=" target=contentframe>Veteranen</a></div>
*
//Als ik hierop klik opent alles tussen **
<div class="button"><a href=menujunioren.php target=menuframe>Junioren</a></div>
<div class="button" id="buttona"><a href="http://bierens42.woelmuis.nl/output/programmajunioren1.php" target=contentframe>Programma</a></div>
<div class="button" id="buttona"><a href="http://bierens42.woelmuis.nl/output/uitslagenjunioren1.php" target=contentframe>Uitslagen</a></div>
**
<div class="button" id="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC A1&soort=Competitie&deel=" target=contentframe>ZSC A1</a></div>
<div class="button" id="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC B1&soort=Competitie&deel=" target=contentframe>ZSC B1</a></div>
<div class="button" id="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC C1&soort=Competitie&deel=" target=contentframe>ZSC C1</a></div>
<div class="button" id="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC C2&soort=Competitie&deel=najaar" target=contentframe>ZSC C2</a></div>
<div class="button" id="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC D1&soort=Competitie&deel=najaar" target=contentframe>ZSC D1</a></div>
<div class="button" id="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC D2&soort=Competitie&deel=najaar" target=contentframe>ZSC D2</a></div>
<div class="button" id="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC D2&soort=Competitie&deel=najaar" target=contentframe>ZSC E1</a></div>
<div class="button" id="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC D2&soort=Competitie&deel=najaar" target=contentframe>ZSC E2</a></div>
<div class="button" id="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC D2&soort=Competitie&deel=najaar" target=contentframe>ZSC F1</a></div>
<div class="button" id="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC D2&soort=Competitie&deel=najaar" target=contentframe>ZSC F2</a></div>
<div class="button" id="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC D2&soort=Competitie&deel=najaar" target=contentframe>ZSC F3</a></div>
<div class="button" id="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC D2&soort=Competitie&deel=najaar" target=contentframe>ZSC Mini 1</a></div>
<div class="button" id="buttona"><a href="http://bierens42.woelmuis.nl/output/standmaken.php?competitie=ZSC D2&soort=Competitie&deel=najaar" target=contentframe>ZSC Mini 2</a></div>
**
<div class="button"><a href=sponsors.php target=contentframe>Sponsors</a></div>
<div class="button"><a href=fotos.php target=contentframe>Foto's</a></div>
<div class="button"><a href=supver.php target=contentframe>Sup. Vereniging</a></div>
Alvast hartelijk bedankt voor het meedenken!