نمایش با تاخیر منوها و زیر منوها

[ایمان اختیاری]

سلام من یه منو به فرمت زیر دارم که در سه سطح تعریف شده مثل شکل زیر
137121
و این هم کد css مربوط به این بخش هستش

.side_menu {
list-style: none;
padding: 0px;
margin: 0 0 0 0;
}


.side_menu li {
padding: 0;
margin: 5px 0;
}


.side_menu li a {
display: block;
color: #000000;
/*padding: 0px 15px;*/
font-weight: normal;
text-decoration: none;
background: url(images/menu_list.png) left center no-repeat;
}


.side_menu li a:hover {
color: #c85d16;
}




.side_menu li ul {
display: none;
}


.side_menu li:hover > ul {
display: block;
height: auto;
}


.side_menu li ul li {
clear: both;
}



.side_menu li ul li ul {
display:none;
}
.side_menu li ul li:hover ul {
display: block;
height: auto;
}


.side_menu li ul li ul li {
clear: both;
}







<ul class="side_menu"> <li> <a href="#">گروه دانش آموزی</a> <ul> <li> <a href="#">دوره آموزش ابتدایی </a> <ul> <li><a href="#">پایه اول </a></li> <li><a href="#">پایه دوم </a></li> <li><a href="#">پایه سوم </a></li> <li><a href="#">پایه چهارم </a></li> <li><a href="#">پایه پنجم </a></li> <li><a href="#">پایه ششم </a></li> </ul> </li> <li> <a href="#">دوره آموزش راهنمایی </a> <ul> <li><a href="#">سال اول</a></li> <li><a href="#">سال دوم</a></li> <li><a href="#">سال سوم</a></li> </ul> </li> <li> <a href="#">دوره اول متوسطه جدید </a> <ul> <li><a href="#">پایه هفتم</a></li> <li><a href="#">پایه هشتم</a></li> <li><a href="#">پایه نهم</a></li> </ul> </li> <li> <a href="#">دوره دوم متوسطه جدید</a> <ul> <li><a href="#">پایه دهم</a></li> <li><a href="#">پایه یازدهم</a></li> <li><a href="#">پایه دوازدهم</a></li> </ul> </li> <li> <a href="#">دوره متوسطه (نظام قدیم)</a> <ul> <li><a href="#">سال اول</a></li> <li><a href="#">عمومی دوم و سوم</a></li> <li><a href="#">متوسطه نظری</a></li> <li><a href="#">فنی حرفه ای </a></li> <li><a href="#">کار دانش</a></li> </ul> </li> </ul>
</li>

</ul>
حالا مشکلی که دارم اینه که مثلا وقتی روی گروه ابتدایی هستم و می خوام برم گروه راهنمایی نمی تونم خیلی سخت موس باید حرکت کنه تا بتونه به بخش های دیگه دسترسی داشته باشه ..

چطوری این وسط یه تاخیر یا نمی دونم چیزی درس کنم که بشه راحت به بخش های مختلف دسترسی داشت ؟

[دانیال دزفولی]

نمونه آنلاین درست کنید


jsfiddle.net/