På denne måde, når der klikkes på linket, den tilsvarende side åbner i indholdet rammen. Hver LI element har en stil attribut for sin kugle. Hvert menupunkt, der kan udvides har et id for sin LI element. Denne ID begynder med bogstavet, »l« efterfulgt af et nummer. Hvert menupunkt, der kan udvides har en OL element kodet lige under det tilsvarende LI element. Det OL element er for undermenuen og har et id. Denne ID begynder med bogstavet, 'o' efterfulgt af et nummer. Dette er det samme som antallet del af ID tilsvarende LI element, ovenover.
I den anden del af ovenstående kode, menupunkterne for de sider, der begynder kapitlerne har deres sider i hovedet mappe. Disse sider er den første del (indledning) af kapitlerne. Det andet segment Ovenstående omhandler kapitlerne. Resten af menupunkterne for dette segment er for kapitlet sektioner, hvis sider er i sub mapper af hovedet mappe. Menupunkterne for kapitlerne kan udvides. Menupunkterne for kapitlet sektioner er i undermenuer; de er ikke udvides da der ikke er tredje niveau menuen i projektet.
For en udvides menupunkt, LI element har en onclick begivenhed, som kalder en JavaScript-funktion sender LI id som argument. Bemærk: href værdier for de hyperlinks ikke har ordningen (http) og tyktarmen og to skråstreger. Et hyperlink, hvis filen er i hovedet bibliotek har netop navnet på den fil, som href værdi. Enhver sub mappe til e-bog udspringer fra hovedet mappe. Så den href værdi af en fil til e-bogen i en sådan sub mappe begynder med navnet på den tilsvarende mappe i hovedet mappe. JavaScript funktion JavaScript i sidebar.
htm filen er at udvide de udvidelige menupunkter, når deres kugler er klikket og ændre kuglerne som forventet fra de tekniske krav. JavaScript også kollapser det vigtigste menupunkt, når dens kugle der klikkes. Dette er JavaScript, som er i sidebar.htm fil: Der er kun én funktion i JavaScript. Funktionen er expandOrCollapse (ID). Det tager ID LI element klikket, som argument. Kun LI eleme