hi,
i have one <ul></ul> which has multiple levels.
ASIA
AFRICA
EUROPE
AUSTRALIA
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.
:"http://tympanus.net/TipsTricks/CSS3MenuHoverEffect/
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
Before you post, read our: 
