Πρόβλημα με hover (SOLVED)

[rafinos]

Έχω το εξής πρόβλημα τον παρακάτω κώδικα... 

Αυτά που πρέπει να εμφανίσει εξ αρχής με το hover τα εμφανίζει πρώτη φορά στο πρώτο mouseout και στη συνέχεια δουλεύει κανονικά...

Επίσης μπορεί πρώτα να κάνω hover πάνω στο element με id='home_page' και μετά να πάνω στο element '#category_page' τότε πάλι δουλεύει κανονικά...

Ξέρει κανείς τι μπορεί να φταίει;

Αν δεν κατάλαβε κάποιος τι εννοώ μπορεί να μπει στο blog τις υπογραφείς να δει ο ίδιος το πρόβλημα με το menu της κορυφής... με το που φορτώσει το blog πηγαίντε τον κέρσορα επάνω στο κατηγορία ταινίας πριν πάει ο κέρσορας πάνω σε κάποιο άλλο link

<script>
$(function() {
$('#nav_bar_area').hover(function(){
 $('#category_page').hover(function(){
      if($('#navbar_movieslist:visible')){
		$('#navbar_movieslist').slideUp('slow');
      }
      if($('#navbar_category:hidden')){
		$('#navbar_category').slideDown('slow');
      }
 });
 $('#movieslist_page').hover(function(){
      if($('#navbar_category:visible')){
		$('#navbar_category').slideUp('slow');
      }
      if($('#navbar_movieslist:hidden')){
		$('#navbar_movieslist').slideDown('slow');
      }
 });
 $('#home_page').hover(function(){
      if($('#navbar_category:visible')){
		$('#navbar_category').slideUp('slow');
      }
      if($('#navbar_movieslist:visible')){
		$('#navbar_movieslist').slideUp('slow');
      }	
 });
 $('#daymovie_page').hover(function(){
      if($('#navbar_category:visible')){
		$('#navbar_category').slideUp('slow');
      }
      if($('#navbar_movieslist:visible')){
		$('#navbar_movieslist').slideUp('slow');
      }	
 });
 $('#musiccorner_page').hover(function(){
      if($('#navbar_category:visible')){
		$('#navbar_category').slideUp('slow');
      }
      if($('#navbar_movieslist:visible')){
		$('#navbar_movieslist').slideUp('slow');
      }	
 });
 },function(){
	if($('#navbar_category:visible')){
	   $('#navbar_category').slideUp('slow');
	}
	if($('#navbar_movieslist:visible')){
	   $('#navbar_movieslist').slideUp('slow');
	}
 });
});
</script>

<div id='nav_bar_area'>
 <div id='nav_bar'>
  <a href='http://homecinefa.blogspot.com' id='home_page'>Κεντρική Σελίδα</a><a href='#' id='category_page'>Κατηγορία Ταινίας</a><a href='http://homecinefa.blogspot.com/search/label/daymovie' id='daymovie_page'>Η ταινία της ημέρας</a><a href='http://homecinefa.blogspot.com/search/label/movies list' id='movieslist_page'>Λίστες Ταινιών</a><a href='http://homecinefa.blogspot.com/search/label/music corner' id='musiccorner_page'>Music Corner</a>
 </div>
 <div id='navbar_category'>
  <span class='centered_span'>
   <a href='http://homecinefa.blogspot.com/search/label/movies'>Όλες οι ταινίες</a><a href='http://homecinefa.blogspot.com/search/label/action'>Περιπέτεια</a><a href='http://homecinefa.blogspot.com/search/label/drama'>Δράμα</a><a href='http://homecinefa.blogspot.com/search/label/thriller'>Θρίλερ</a><a href='http://homecinefa.blogspot.com/search/label/horror'>Τρόμου</a><a href='http://homecinefa.blogspot.com/search/label/crime'>Αστυνομική/Εγκλήματος</a><a href='http://homecinefa.blogspot.com/search/label/mystery'>Μυστηρίου</a><a href='http://homecinefa.blogspot.com/search/label/comedy'>Κωμωδία</a>
  </span>
  <span class='centered_span'> 
   <a href='http://homecinefa.blogspot.com/search/label/romance'>Αισθηματική</a><a href='http://homecinefa.blogspot.com/search/?q=label:scifi|label:fantasy'>Φαντασίας</a><a href='http://homecinefa.blogspot.com/search/label/animation'>Κινουμένων Σχεδίων</a><a href='http://homecinefa.blogspot.com/search/label/biography'>Βιογραφική</a><a href='http://homecinefa.blogspot.com/search/?q=label:music|label:dance'>Χορού/Μουσικής</a>
  </span>
 </div>
 <div id='navbar_movieslist'>
  <span class='centered_span'><a href='http://homecinefa.blogspot.com/2013/12/blog-post.html'>Ταινίες από κόμικς</a></span>
 </div>
</div>

Αυτή είναι η λύση...

$(function() {
    $('#nav_bar_area').mouseleave(function()
    {
        $('#nav_bar_area').children().not('#nav_bar').slideUp('slow');
    });
    $('#nav_bar a').mouseenter(function()
    {
        $('#nav_bar_area').children().not('#nav_bar').slideUp('slow');
        var id = this.id; id = id.substr(0, id.length-5);
        $('#navbar_'+id).slideDown('slow');
    });
}); 

Και πιο λίγος κώδικας και πιο λίγα events...

(Δεν βρήκα εγώ τη λύση )

Επεξ/σία 21 Ιανουαρίου 2014 από rafinos