vertikalne jquery accordion menu

Ahooj, použila som hotové jQuery accordion menu. Neviem ale zabezpečiť, že ak je otvorené čokolvek napr. z položky 2, tak aby sa po načítaní stránky, menu znova nezabalilo. Aby bola položka 2 rozkliknutá až pokým nekliknem na inú položku.
mám ho tu:

http://www.mailtec.sk/navrh1/test_menu/index.html

Cez javascript to neurobíš. Po načítaní zvolenej stránky musíš tomu stromu (konkrétnemu prvku LI) priradiť nejaký identifikátor (id, class).

aj konkrétnejšie sa dá? Prosim...

Napríklad všetky stránky z kategórie "Category" (čiže napr. táto http://www.mailtec.sk/navrh1/test_menu/testC.html) budú mať pri druhej položke LI nejakú classu, napríklad:

a v css definuješ niečo takéto:


Malo by to fungovať, ak to nebude accordion plugin prepisovať (musíš to odskúšať).

Bohužiaľ nefunguje

No, tak to máš blbé.

Inak povedané - takýmito nezmyselnými poznámkami sa asi k odpovedi nedopracuješ. Ak ti niečo nefunguje, tak treba buď pohľadať, kde je chyba (či tie štýly niečo neprebíja, alebo to neprepisuje javascript) a ak to nevieš, tak uprav ukážku tak, aby sme si to vedeli pozrieť (nikde tam nevidím tú zmenu, ktorú som radil).

testovala som len na lokále

<style>

/* First Level UL List */

#accordion {
margin:0;
padding:0;
list-style:none;
}

#accordion li {
width:267px;
}

#accordion li a {
display: block;
width: 268px;
height: 43px;
text-indent:-999em;
outline:none;
}

/* Using CSS Sprite for menu item */
#accordion li a.polozka1 {
background:url('menu.jpg') no-repeat 0 0;
}

#accordion li a.polozka1:hover, .polozka1Over {
background:url('menu.jpg') no-repeat -268px 0 !important;
}

#accordion li a.polozka2 {
background:url('menu.jpg') no-repeat 0 -43px;
}

#accordion li a.polozka2:hover, .polozka2Over {
background:url('menu.jpg') no-repeat -268px -43px !important;
}

#accordion li a.polozka3 {
background:url('menu.jpg') no-repeat 0 -86px;
}

#accordion li a.polozka3:hover, .polozka3Over {
background:url('menu.jpg') no-repeat -268px -86px !important;
}


/* Second Level UL List*/
#accordion ul {
background:url('bg.gif') repeat-y 0 0;
width:268px;
margin:0;
padding:0;
display:none
}

#accordion ul li {
height:30px;
}

#accordion .active ul {display: block
}

/* styling of submenu item */
#accordion ul li a {
width:240px;
height:25px;
margin-left:15px;
padding-top:5px;
border-bottom: 1px dotted #777;
text-indent:0;
color:#ccc;
text-decoration:none;
}

/* remove border bottom of the last item */
#accordion ul li a.last {
border-bottom: none;
}


</style>

Ja budem asi fakt zlý. Mám ti napísať - to, čo si sem dala, funguje?
Ešte raz si prečítaj, čo som napísal. Buď si to sama oddebuguješ, alebo upravíš živú ukážku.