Hjälp med enkel javaScript-funktion

Skriv svar

2016-04-10 20:05

Permalänk

Fejki

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

Rapportera Redigera

Citera flera Citera

2016-04-12 11:17

Permalänk

debben

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

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

Senast redigerat 2016-04-12 11:29

Rapportera Redigera

Citera flera Citera