mianowicie, mam drzewko przedstawiające następujący schemat:menu-1
menu-1-2
menu-1-2-1
menu-1-2-2
menu-1-3
menu-1-3-1
menu-1-3-2
menu-2
menu-2-2
menu-2-2-1
menu-2-2-2
menu-2-3
menu-2-3-1
menu-2-3-2
to jest skrócona wersja. Całe drzewo ma nadany atrybut display:none; aby było nie widoczne, jedynie gałąź która posiada atrybut AKTYWNA otrzymuje display:block;
więc wygląda to tak:
menu-1 (-> class "aktywna" ->element jest widoczny)
menu-1-2 (-> element przejmuje atrybut od rodzica)
menu-1-2-1 (-> element przejmuje atrybut od rodzica)
menu-1-2-2 (-> element przejmuje atrybut od rodzica)
menu-1-3 (-> element przejmuje atrybut od rodzica)
menu-1-3-1 (-> element przejmuje atrybut od rodzica)
menu-1-3-2 (-> element przejmuje atrybut od rodzica)
menu-2 (->class "brak klasy" -> element jest niewidoczny)
menu-2-2 (-> element przejmuje atrybut od rodzica)
menu-2-2-1 (-> element przejmuje atrybut od rodzica)
menu-2-2-2 (-> element przejmuje atrybut od rodzica)
menu-2-3 (-> element przejmuje atrybut od rodzica)
menu-2-3-1 (-> element przejmuje atrybut od rodzica)
menu-2-3-2 (-> element przejmuje atrybut od rodzica)
wszystko działa fajnie, tylko problem się zaczyna kiedy klasę aktywny przejmuje np element 1-2 albo 1-2-1... wtedy element 1 lub 1-2 traci atrybut aktywna przez co otrzymuje display none. W jaki sposób mogę nadać elementom ul, li nadrzędnym atrybut display block w taki sposób aby tylko te pozycje nadrzędne dostały display block a nie całe drzewo ul/li