Igorsrt,
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>HTML 5 complete</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<style>
ul.children{display: none;}
</style>
</head>
<body>
<ul class="product-categories">
<li class="cat-parent"><a>Прочие игрушки</a>
<ul class='children'>
<li><a>Фигурки и персонажи</a></li>
<li><a>Игры</a></li>
<li><a>Конструкторы и головоломки</a></li>
<li><a>Другие игрушки</a></li>
</ul>
</li>
<li class="cat-parent"><a>Прочие товары</a>
<ul class='children'>
<li class="cat-item cat-item-19"><a>Мобили</a></li>
</ul>
</li>
</ul>
<script>
$(function() {
$('.product-categories .cat-parent').on("mouseleave", function() {
$("ul", this).slideUp()
}).on("mouseenter" , ">a",function() {
$(this).siblings('.children').slideDown();
return false;
});
});
</script>
</body>
</html>
