i have one <ul></ul> which has multiple levels.
where asia further has INDIA, CHINA etc. I have applied animation in hover effect. when user hovers over ASIA, the next level appears, somewhat like this.
when user hovers over asia, i want instead of showing india,china at once, first india should appear, then china and so on. i tried using keyframes, but they are applying on the whole level, instead of each <li> element. Please help