CSS jquery menu Problem?

Hallo Leute,

ich habe bei mir im Blog ein Lavalamp Menü eingebaut. Jedoch bekomme ich den Balken nicht zum stoppen.

Anbei der CSS komplette Code:

[CODE].menu { font-size:15px; margin:0; }
.menu, .menu ul { line-height:1; margin:0; padding:0; }
.menu li { position:relative; float:left; padding:0 8px; z-index:100; }
.menu ul { height:auto; padding:0; left:auto; border-bottom: 1px solid #D2BDDE; }

.menu li.zurueck { border-bottom: 3px solid #D2BDDE;
width: 9px;
height: 30px;
z-index: 8;
position: absolute;
padding-top:19px;
}

.menu #header-menu-home {
border:none;

}

.menu a, .menu a:visited {

                    color:#555; 
                    display:block; 
                    padding:0 15px; 
                    line-height:48px; 
                    position:relative; 
                    top:2px;
                    text-shadow: 0 3px 3px #989898; 
                            
                            }

.menu a:hover {
text-decoration:none;top:1px;

}

.menu ul {
position:absolute;
top:51px;
left:0; display:none; opacity:0; width:222px; }

.menu ul a, .menu ul a:visited {
background:#fff;
line-height:140%;
padding:10px 30px 9px;
border:1px solid #ccc;
width: 150px;
margin:-1px 0 0 0; }

.menu ul a:hover, {
background:#f2f2f2;
color:#555; }

.menu ul ul {
margin: -34px 0 0 211px;
top:34px; }

.menu .current_page_item a, .menu .current_page_item a:visited, {

                      color:#555;
                                  }

.menu .current_page_item a:hover, {
color:#555;
text-decoration:none;top:1px; }

.menu .current_page_item ul a, .menu .current_page_item ul a:visited, .menu .current_page_item ul a:hover {
top:1px; }

[/CODE]

hat jemand eine Idee wie ich den Balken von .menu li.zurueck { border-bottom: 3px solid #D2BDDE; width: 9px; height: 30px; z-index: 8; position: absolute; padding-top:19px; }

stoppen kann, wenn der User auf den Menü Link klickt.

Grüße
dev82

Ich glaube, darunter kann sich niemand etwas vorstellen. Kannst du die Seite verlinken?

Hallo,

die URL lautet: test | Ein weiterer WordPress-Blog

Du möchtest, dass der Balken unter dem jeweils aktiven Menüeintrag steht und sich nicht mehr bewegt, wenn du einen ausgewählt hast?

Dazu müsstest du server- oder theoretisch auch clientseitig entsprechende Logik bei der Generierung der Seite hinzufügen. Grob:

Wenn <Menüeintrag ausgewählt> dann <Eintrag entsprechend formatieren> und <jQuery-Effekt deaktivieren>

Genaueres lässt sich pauschal nicht sagen.