дисплей: встроенный не работает с JQuery одушевленных()

Question

Я пытаюсь оживить DIV, который скрыт по умолчанию наведите курсор мыши на заголовке сайта здесь является JQuery код, который в настоящее время не работает:

$("#header_title").mouseenter(function() { 
     $('#header_links').animate({ 
      display: "inline", 
      width: "600px" 
      }, 1500); 
    }); 

    $("#header").mouseleave(function() { 
     $('#header_links').css({ 
      display: "none", 
      }, 1500); 
    }); 

Он отлично работает, когда я меняю анимацию на css, но я не хочу, чтобы меню просто появилось, я хочу, чтобы он оживился после того, как он был скрыт. Какие-либо предложения?

Answer 1

Вы забыли одушевить его до нулевой ширины, и вы не можете анимировать свойство отображения, это либо видно, либо нет, нет ничего, чтобы оживить между ними, поскольку это не числовое свойство?

$("#header_title").mouseenter(function() { 
    $('#header_links').css('display','inline').animate({ 
     opacity: 1, 
     width: 600 
    }, 1500); 
}); 

$("#header").mouseleave(function() { 
    $('#header_links').animate({ 
     opacity: 0, 
     width: 0 
    }, 1500, function() { 
     $(this).css('display','none'); 
    }); 
});