Vertikales Menü soll bei klick aufklappen

Per CSS geht das ohne weiteres. Beispiele findest du hier.
Gruß. Petra ;-)

Zitat von flipps

...das bei Klick auf eine Oberkategorie die Unterkategorien öffnet, und wenn man [COLOR="#FF0000"]wieder auf die Oberkategorie klickt, dass es diese wieder schließt.[/COLOR]

Das wird vermutlich nur via JavaScript gehen.

Wenn du aber damit zufrieden bist, dass wenn man auf die Oberkategorie klickt dass dann das Untermenü erscheint -> und dieses allerdings erst wieder verschwiendet wenn man einen ANDEREN Punkt der Oberkategorien wählt -> dann kann ich dir helfen:

.sub-menu {display: none;}
.current_page_item .sub-menu, .current_page_parent .sub-menu { display: block;}

dies in die style.css einfügen -> evtl noch etwas stylen. Evtl. musst du auch die Klassen etwas anpassen -> aber dann klappt das auch mit dem "individuellen Menü".

Grüsse
Pixselig

Entschuldigt bitte, dass ich so einen alten Thread nochmal ausgrabe, aber er beinhaltet genau das, was ich auch wissen möchte, nur dass ich die Antwort nicht verstehe.

Wo genau muss ich denn den Code eingeben? Mein aktueller Code sieht so aus:

Zitat

/* 07 - Sidebar================================================== */

#widgets {
margin-top:40px;
}
#widgets a,
#widgets-footer a {
display:inline-block;
margin:0;
padding:3px;
text-decoration:none;
}
#widgets ul, #widgets-footer ul, #widgets .textwidget, #widgets-footer .textwidget, #widgets .tagcloud, #widgets-footer .tagcloud, #widgets #searchform, #widgets-footer #searchform, #widgets #calendar_wrap, #widgets-footer #calendar_wrap, #widgets-footer .vcard, #widgets .vcard
{
font-size:13px;
margin:0 0 20px;
padding:20px;
list-style: none;
}
#widgets #s {
width:95%;
}
#widgets ul li,
#widgets-footer ul li {
margin-left:15px;
}
#widgets ul li a,
#widgets-footer ul li a {
display:inline;
color: #4fa1ab;
text-decoration:none;
}
#widgets ul li a:hover {
}
#widgets ul ul a,
#widgets-footer ul ul a {
padding:3px 0 3px 18px;
}
#widgets ul ul ul a,
#widgets-footer ul ul ul a {
padding:3px 0 3px 18px;
}
#widgets ul ul ul ul a,
#widgets-footer ul ul ul ul a {
border:none;
padding:3px 0 3px 18px;
}
#widgets .widget-title img,
#widgets-footer .widget-title img {
float:right;
height:11px;
position:relative;
top:4px;
width:11px;
}
#widgets-footer {
margin-left: 2.083%;
}

/* Titles */
.widget-inner h3 {
color: #377687;
display:block;
line-height:23px;
margin:0;
padding:20px 20px 0 20px;
}
.widget-title a {
border-bottom:none;
padding:0!important;
}
.title-404 {
color:#6e9489;
font-size: 2em;
line-height: 1.5;
}

Alles anzeigen

C++ ist ja so verwirrend...

Ich hoffe ihr könnt mir helfen.

Mfg Soul