Przykładowe menu rozwiązujące twój problem, tak na marginesie to nie styluj za pomocą id elementu tylko daj class-e do tego elementu i styluj element za pomocą tej class-y.
http://codepen.io/jaca121212/pen/ONGKXW
gdybyś chciał to na swojej stronie zastosować do tego oprócz dodania javascript,
<script>
$(".menu ul ol").hover(function() {
$("li").addClass('animated slideInDown');
$("a").addClass('animated slideInUp');
});
</script>
linki które muszą być dodane w sekcji
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.1/animate.min.css">
</head>