Featured post
html - How do I get one element to respond to the click of another element? - CSS/jQuery -
the question simple, in implementation has gone awry.
you can see implementation here.
so want happen is, when click on 1 of names in box #1, dotted line , #1 in dotted circle both turn black , solid. dotted line not border. same should happen when click other data in other corresponding boxes.
the main issue facing when use .css function in jquery manually change color , border, works nicely. however, modify toggle class (because couldn't toggle() work css function) - when click once, see element clicked highlighted (with 1px border - functionality there), , corresponding number box (and dotted line) turned solid black.
thanks.
it looks javascript fine. thing see messing things line:
$('#bc1 dashed-circle').toggleclass('bc-dashed-to-solid-circle');
you'll want change selector #bc1 .dashed-circle
.
the reason dashes , number aren't changing color because of specificity. declare normal color (#bdbebf) selector #blank-dashboard-breadcrumb span
-- id , element. declare "selected" color (black) .bc-dotted-to-solid
or .bc-dashed-to-solid-circle
-- simple classes. when dash , 1 have appropriate classes, still have more specific selector telling them remain gray.
- Get link
- X
- Other Apps
Comments
Post a Comment