2 Accordions: How to style nav items(links) differently?
Here I have an accordion script styled correctly. The nav item(link) that when clicked the text is grey & blue when active. Further there is a black bar and two images for active & inactive (arrow pointing left & arrow pointing down when active).
Here you see the same nav item styling but I need it to be just blue text no black bar no active/inactive arrows.
How do I create a 2nd styling for this 开发者_如何学编程accordion?
All that you need to do is apply a different class to this toggler (example: .toggler-2
instead of .toggler
) and then in your css, style .toggler-2 exactly how you want it to look.
Add a class to the HTML code and write additional CSS for that section.
Additional class in CSS:
#dhtmlgoodies_listMenu.secondary a
{
styling: goes here;
}
Changed HTML:
<ul id="dhtmlgoodies_listMenu" class="secondary">
精彩评论