✔ Ausfahrbare Liste bei Klick

[pÄd]

Hallo,
da ich mich mit Flash nicht sonderlich gut auskenne, suche ich hier nach Hilfe.

Und zwar hätte ich für meine Homepage gerne eine Liste mit Links, die ausfährt wenn man auf die Oberkategorie klickt.
In meinem Fall geht es um Fußball:

Saison 2008/09
Saison 2009/10

Wenn man nun auf Saison 2008/09 klickt, soll eine Liste darunter ausfahren mit den Unterpunkten, die auf Unterseiten linken. Also:

Saison 2008/09
- 1. Spieltag
- 2. Spieltag
- 3. Spieltag usw.

Saison 2009/10

Wenn man nun auf Saison 2009/10 klickt, soll 08/09 wieder einfahren und 09/10 soll ausfahren wie vorher 08/09.

Ich hoffe ihr könnt verstehen was ich will und mir helfen. Würde mich sehr freuen.

Gruß Pad

 

[Maik]

Hi,

das Script-Beispiel aus dem Thema "div block ein bzw. ausblenden" lässt sich auch für eine verschachtelte Listenstruktur nutzen:

var list = new Array();
list[0] = 'sublist1';
list[1] = 'sublist2';
// list[2] = 'sublist3';
// usw.

function toggle(id) {
        if(document.getElementById(id).style.display=="none") {
                for(i=0;i<list.length;i++) {
                        document.getElementById(list[i]).style.display="none";
                }
                document.getElementById(id).style.display="block";
                }
                else {
                document.getElementById(id).style.display="none";
                }
}

<ul>
    <li onclick="toggle('sublist1')">Saison 2008/09
               <ul id="sublist1" style="display:none;">
                   <li>- 1. Spieltag</li>
                   <li>- 2. Spieltag</li>
                   <li>- 3. Spieltag</li>
               </ul>
    </li>
    <li onclick="toggle('sublist2')">Saison 2009/10
               <ul id="sublist2" style="display:none;">
                   <li>- 1. Spieltag</li>
                   <li>- 2. Spieltag</li>
                   <li>- 3. Spieltag</li>
               </ul>
    </li>
</ul>

Bei einem umfangreicheren Projekt wäre hier ggfs. über den Einsatz eines JS-Frameworks, wie z.B. jQuery, nachzudenken.

mfg Maik

 

[pÄd]

Perfekt.
Vielen Dank, funktioniert genau so, wie ich es wollte. Dankeschön =)