Aufklapp Menü in einem div

ich such eig sowas wie ne vertikale navi wo ich draufklicken muss um den verstecken darin enthaltenen div container einzublenden…

so ziemlich genau das was hier auf dieser website (oben rechts)zu sehen ist.

Microsoft Download Center

Ich weiß das es über html und css funktionieren kann…

mfg Paiden

=====================================================

Bearbeitungsstatus:

so das mit dem aufklappmenü habe ich soweit hinbekommen, ist es irgendwie so angepasst das ich nur 3 solcher container erstellen kann -.-

worauf muss ich achten? und wie füge ich weitere kategorien relativ einfach hinzu?

[HTML]

<?phpheader("content-type: text/html"); $white_list=array('foo','bar','foobar'); if(!isset($_GET['menu']) || !in_array($_GET['menu'],$white_list)) $menu_default='foo';else $menu_default=$_GET['menu'];?> Menü-Test

Menutest

[/HTML]

mfg Paiden

Hallo,

also das ist mit Javascript gemacht was die css classe ändert.
das mit jquery wird das natürlich etwas schicker bzw. gleich wie bei deiner Wunschseite :O)
ca. in der mitte ist ein Beispiel: .slideToggle() – jQuery API

Nun zu deinem, begrenzt ist da nichts.
da sind zwei sachen, einmal das per Link auf die Seite schon ein eine beliebiges aufgeklappt machen kannst, das ist der obere PHP teil mit [PHP]$white_list=array(‚foo‘,‚bar‘,‚foobar‘);[/PHP]
einfach die neuen eintragen oder das ganze löschen wenn das nicht brauchst.

Neues Menü muss halt nur die gleich strucktur haben, sonnst kannst 100te machen.
nur die beiden XXXXX must ersetzen durch ein eindeutiges wort, dies dann auch oben in den php mit rein kommt[CODE]

  • foobar-Menü
  • [/CODE] Cheffchen

    genau das habe ich probiert gehabt. mit eindeutigen wörtern wie „box1“ „boxeins“ „eins“ usw…

    aber wenn ich das bei beiden stellen ändere zeigt mir mein container nix an -.-

    mfg Paiden

    ==================

    AAAAAAAAAAH die Glühbirne ist angesprungen^^ ich hab mein Fehler erkannt! ich danke dir!

    jetzt fehlt eigentlich nur noch das I-tüpfelchen und zwar wenn ich auf eine kategorie klicke die gerade offen ist das ich sie auch wieder schließen kann, und evtl. einer art animation das es langsam ausfährt… der code .slideToggle(500) funktioniert leider nicht.

    mfg Paiden

    Hallo,

    musst natürlich jquery einbinden, hier mal was fertiges:

    Easy to Style jQuery Drop Down Menu Tutorial | Queness
    bei See the Demo siehst das in Aktion und darunter gibts alles zum Download, wobei alles relativ ist, eine js Datei und halt in der index die befehle.

    Cheffchen

    EDITE: hier noch was einfaches fertiges: http://jsfiddle.net/VhPn7/

    ja genauso meinte ich! aber ich bekomms nicht hin beim zweiten link das einzubauen -.- bei mir bleibt der inhalt dann versteckt!

    help pls.

    mfg Paiden

    Hallo,
    Bahnhof, sag ich mal, wie beim zweiten bleibt versteckt.

    was nimmst nun, ein link wäre nicht schlecht.
    Die beiden die ich gezeigt habe sind sehr einfach und ohne link weis nich nicht wo was falsch gemacht hast.

    Cheffchen