Hjälp med enkel javaScript-funktion

Trädvy Permalänk
Medlem
Plats
Hagfors
Registrerad
Dec 2007

Hjälp med enkel javaScript-funktion

Hejsan!
Vi sitter på en labbupgift där vi ska skapa en "dropdown"-lista. Vi har fått HTML-filen samt CSS-filen till vårt befogande så den skall vi inte ändra i. Det vi ska göra är o klicka på <li>-elementet med klassen pExpandedImage och så ska den byta klass samt att den nestlade ul-listan skall byta klass så den blir synlig och sådär. Vi har fåt till det någorlunda, men nu verkar det som den triggar även den nestlade ul-listan så man kan öppna via den, vilket man inte skall kunna göra, utan den ska bara "targeta" på li med klassen pExpandedImage.

Några supertips vad vi har gjort fel?

HTML//
http://textuploader.com/5w2gv

CSS//
http://textuploader.com/5w2gy

JS//
http://textuploader.com/5w2g3

Trädvy Permalänk
Medlem
Plats
Örebro
Registrerad
Mar 2011

@Fejki: Tjena!

Jag vet inte om ni har löst detta ännu. Ni vet att ni har två klasser att arbeta med, för ert case skulle det räcka med att binda events på två klasser, och sedan accessa klassens childnodes för att utföra någonting på dem.

GetElementsByClassName

ChildNodes

FirstChild

ClassList

Stöd för ClassList

Edit:

Ni kan även använda er av ett keyword i javascript som heter this. Hint: Då skulle det räcka med ett event för hela funktionaliteten.

this

//debben