Hi Can anyone help me?
Here is my code
.main-menu li {
display: block;
margin-top: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
position: relative;}
.main-menu > li:first-child { margin-top: 0; }
.main-menu ul { margin-left: 20px; }
.main-menu a { color: #999; }
.main-menu a:hover,
.main-menu .current-menu-item > a,
.main-menu .current_page_item > a { color: #333; }
.main-menu .current-menu-item:before,
.main-menu .current_page_item:before {
content: ‘\f405’;
display: block;
font: 16px/1 “Genericons”;
color: #019EBD;
position: absolute;
top: -1px;
left: -20px;
}
but i don’t know how to change as following
For example the meanu would appear like this:
A
B
C
And when A is clicked on the menu would appear like this:
A
a1
a2
a3
B
C
thank you!