Due to the structure of my HTML, I need to change the color of an arrow by variable…
I’ve captured the color, but having problems assigning it. I think it may be cause I’m, getting RGB values…or i’m simply assigning incorrectly…help mucho appreciated
Hi,
I’m not overly sure what you are trying to achieve here.
Could you provide an runnable code sample (for example in a JSFiddle) that demonstrates the problem you are having?
I’m probably barking up the wrong tree with this… and could probably do it myself with a crap load of code like if (this) === s1.arrow or s2 or s3 or s4 blabla… but i’m simply trying to get the container (.top) color…different container different color s1top/s2top and assign it to the arrows .active class
so the arrow should change to the color of the container it originates in
what ive put was a long shot…
1/ not sure how to get the specific containers color when (this) is referring to a class used by 3 others…tried data which points to class & long shot 2 was hoping the class would inherit the color…but that was silly thinking on it…
So when I click on the arrow in the blue box, the background turns blue, the arrow is animated to turn downwards. In addition to this, you would like it to turn blue, as well?
Green box, same thing but the arrow should turn green.