Ich komme einfach nicht weiter, ein Klappmenu bis zur zweiten Ebene klappt wunderbar.
Wenn ich nun die dritte Ebene einfüge und diese dann anklicke werden aber die zweite und dritte Ebene sofort wieder eingeklappt.
Hier mal meine css Datei vielleicht könnt ihr mir helfen.
CODE /* globale Listen */
#sidebar ul {
margin: 0 20px 15px 0;
}
/*3. Ebene ausschliessen*/
#sidebar ul li ul li ul {
display: block;
}
/* globale Listenpunkte */
#sidebar ul li {
list-style-type: none;
margin-top: 1px;
position: relative;
line-height: 4ex;
border-bottom: 1px dotted #999;
padding: 1px;
}
/* Unterkategorien ausblenden */
#sidebar ul li ul li {
display: none;
}
/* unter-Unterkategorien ausblenden */
#sidebar ul li ul li ul {
display: none;
}
/* Bei existenten Unterkategorien Hauptkategorie mit + kennzeichnen */
#sidebar ul li ul {
height: 4ex;
position: absolute;
width: 12px;
margin-left: 0;
margin-top: 8ex;
background-image: url(images/plus.gif);
background-position: left;
background-repeat: no-repeat;
z-index: 1;
}
/* Bei existenten Unterkategorien Hauptkategorie mit + kennzeichnen */
#sidebar ul li ul li ul {
height: 4ex;
position: absolute;
width: 12px;
margin-left: 0;
margin-top: 8ex;
background-image: url(images/plus.gif);
background-position: left;
background-repeat: no-repeat;
z-index: 1;
}
/* Bei Klick Unterkategorien aktivieren */
#sidebar ul .current-cat ul li, #sidebar ul .current-cat-parent ul li, #sidebar ul .current_page_item ul li, #sidebar ul .current_page_parent ul li {
display: block;
border: 0;
}
/* Bei Klick unter-Unterkategorien aktivieren */
#sidebar ul .current-cat ul li ul, #sidebar ul .current-cat-parent ul li ul, #sidebar ul .current_page_item ul li ul , #sidebar ul .current_page_parent ul li ul {
display: block;
border: 100;
}
/* Kennzeichnung fuer Unterkategorien bei aktiver Hauptkategorie mit - */
#sidebar ul .current-cat ul, #sidebar ul .current-cat-parent ul, #sidebar ul .current_page_item ul, #sidebar ul .current_page_parent ul {
width: auto;
height: auto;
margin: 0;
margin-top: -4ex;
background-image: url(images/minus_open.gif);
z-index: 2;
background-position: 0 1.1ex;
padding-top: 4ex;
position: relative;
}
/* globale Links */
#sidebar ul li a {
text-decoration: none;
color: #000000;
background-image: url(images/folder_off.gif);
background-position: 220px 50%;
background-repeat: no-repeat;
position: relative;
display: block;
padding-left: 20px;
}